跳到正文

快速上手

在最初的设计阶段,这个包是私有的,只能在 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。