iconDirEasy
UI/组件

Shadcn/ui 组件库

DirEasy 默认提供了由 shadcn/ui 构建的组件库

DirEasy内置了一个由 shadcn/ui 提供支持的设计系统。

默认配置

shadcn/ui 默认配置为使用 "New York" 风格、Tailwind 的 neutral 调色板和 CSS 变量。您可以在 components.json 文件中自定义组件配置。所有组件都已安装并会定期更新。

几乎所有您需要的基础组件都已提供:

  • 按钮(Button)

  • 表单(Form)

  • 徽章(Badge)

  • 日历(Calendar)

  • 组合框(Combobox)

  • 骨架屏(Skeleton)

  • 消息提示(Toast)

  • ...

安装新组件

要安装新组件,请从项目根目录使用 shadcn CLI:

终端
npx shadcn@latest add select

这会将组件安装到设计系统包中。

更新组件

要更新 shadcn/ui,可以从项目根目录运行以下命令:

终端
npx shadcn@latest add --all --overwrite

我们也有专门的命令来处理更新。了解更多关于更新的信息。

目录