跳到主要内容

组件总览

本页只列出文档站当前已收录的组件 —— 即在 Figma 已经定稿、并且在 @plaud/design 完成验收的组件。

@plaud/design 中已对外导出但 Figma 尚未定稿的组件,不会出现在本表中。

  • 数据来源:本站点的 docs/components/
  • 合并文档:与其它组件共用一篇文档(例如 MultiSelect 写在 Select 页中、RangePicker 写在 DatePicker 页中)

组件导出文档
AI ButtonAIButtonAI Button
BadgeBadgeBadge
BreadcrumbBreadcrumbBreadcrumb
ButtonButton、buttonVariantsButton
CarouselCarousel、CarouselContent、CarouselItem、CarouselPrevious、CarouselNext、useCarouselCarousel
CheckboxCheckbox、Controls.CheckboxCheckbox
CircularProgressCircularProgress、ProgressIndicators.CircularProgressCircularProgress
DatePickerDatePickerDatePicker
Dialog(别名 Modal)Dialog、ModalDialog
DropdownMenuDropdownMenuDropdownMenu
Feedbacks(别名 Toast)Feedbacks、Toast、toast、ToasterFeedbacks (Toast)
FullScreenLoadingFullScreenLoading、ProgressIndicators.FullScreenLoadingFullScreenLoading
HoverCardHoverCard、Tips.HoverCardHoverCard
ImageViewerImageViewerImageViewer
InputInput、Input.Search、Input.PasswordInput
Menu(侧边导航)Menu、MenuItem、MenuGroupMenu
MultiSelectMultiSelect合并写在 Select
PageControlsPageControlsPageControls
PopoverPopover、Tips.PopoverPopover
RadioGroupRadioGroup、RadioGroupItem、Controls.RadioGroupRadioGroup
RangePickerRangePicker合并写在 DatePicker
SelectSelectSelect
Sheet(别名 Drawer)Sheet、DrawerSheet
SkeletonSkeleton、ProgressIndicators.SkeletonSkeleton
SpinnerSpinner、ProgressIndicators.SpinnerSpinner
SwitchSwitchSwitch
TableTableTable
TabsTabs、TabsList、TabsTrigger、TabsContentTabs
TextareaTextareaTextarea
TimePickerTimePickerTimePicker
TooltipTooltip、Tips.TooltipTooltip
TourTour、Tips.TourTour
TreeTreeTree
UploadUploadUpload

汇总​

  • 已收录文档页数:32
  • 覆盖组件数:34(Select 与 DatePicker 各额外覆盖一个合并文档的组件)

新增组件并接入文档站时,请遵循 packages/design-site/CLAUDE.md 中约定的章节顺序:组件摘要 → 基础用法 → 主矩阵 → 补充能力 → 尺寸 / Token 表 → Props → 高级用法。