快速上手
在最初的设计阶段,这个包是私有的,只能在 workspace 内使用。
加到 pnpm workspace
json
{
"dependencies": {
"raft-ui": "workspace:*"
}
}使用组件
tsx
import { Button } from "raft-ui";
export function SaveAction() {
return <Button>保存</Button>;
}组件的 CSS 会随 JavaScript 入口自动加载,不需要再单独引入全局样式表。
语言
组件内置的文案(比如加载中的读屏提示)默认是英文。用 ConfigProvider 切到中文:
tsx
import { ConfigProvider, zhCN } from "raft-ui";
<ConfigProvider locale={zhCN}>…</ConfigProvider>;详见 ConfigProvider。