组件总览
本页只列出文档站当前已收录的组件 —— 即在 Figma 已经定稿、并且在 @plaud/design 完成验收的组件。
@plaud/design 中已对外导出但 Figma 尚未定稿的组件,不会出现在本表中。
- 数据来源:本站点的
docs/components/ - 合并文档:与其它组件共用一篇文档(例如
MultiSelect写在Select页中、RangePicker写在DatePicker页中)
| 组件 | 导出 | 文档 |
|---|---|---|
| AI Button | AIButton | AI Button |
| Badge | Badge | Badge |
| Breadcrumb | Breadcrumb | Breadcrumb |
| Button | Button、buttonVariants | Button |
| Carousel | Carousel、CarouselContent、CarouselItem、CarouselPrevious、CarouselNext、useCarousel | Carousel |
| Checkbox | Checkbox、Controls.Checkbox | Checkbox |
| CircularProgress | CircularProgress、ProgressIndicators.CircularProgress | CircularProgress |
| DatePicker | DatePicker | DatePicker |
Dialog(别名 Modal) | Dialog、Modal | Dialog |
| DropdownMenu | DropdownMenu | DropdownMenu |
Feedbacks(别名 Toast) | Feedbacks、Toast、toast、Toaster | Feedbacks (Toast) |
| FullScreenLoading | FullScreenLoading、ProgressIndicators.FullScreenLoading | FullScreenLoading |
| HoverCard | HoverCard、Tips.HoverCard | HoverCard |
| ImageViewer | ImageViewer | ImageViewer |
| Input | Input、Input.Search、Input.Password | Input |
| Menu(侧边导航) | Menu、MenuItem、MenuGroup | Menu |
| MultiSelect | MultiSelect | 合并写在 Select |
| PageControls | PageControls | PageControls |
| Popover | Popover、Tips.Popover | Popover |
| RadioGroup | RadioGroup、RadioGroupItem、Controls.RadioGroup | RadioGroup |
| RangePicker | RangePicker | 合并写在 DatePicker |
| Select | Select | Select |
Sheet(别名 Drawer) | Sheet、Drawer | Sheet |
| Skeleton | Skeleton、ProgressIndicators.Skeleton | Skeleton |
| Spinner | Spinner、ProgressIndicators.Spinner | Spinner |
| Switch | Switch | Switch |
| Table | Table | Table |
| Tabs | Tabs、TabsList、TabsTrigger、TabsContent | Tabs |
| Textarea | Textarea | Textarea |
| TimePicker | TimePicker | TimePicker |
| Tooltip | Tooltip、Tips.Tooltip | Tooltip |
| Tour | Tour、Tips.Tour | Tour |
| Tree | Tree | Tree |
| Upload | Upload | Upload |
汇总
- 已收录文档页数:32
- 覆盖组件数:34(
Select与DatePicker各额外覆盖一个合并文档的组件)
新增组件并接入文档站时,请遵循 packages/design-site/CLAUDE.md 中约定的章节顺序:组件摘要 → 基础用法 → 主矩阵 → 补充能力 → 尺寸 / Token 表 → Props → 高级用法。