图标
@plaud/design 不内置任何图标实现,组件用到的全部图标都由使用方通过 IconRegistry 注入。
本页列出你必须提供的所有图标 key,并展示每个 key 在默认参考实现(plaudIconRegistry)下的渲染效果。
- 如何配置与注入 registry,见 图标配置(Icon Registry)。
- 绝大多数图标类型为
ComponentType<IconProps>;sort额外接收sortDirection。 - 下方预览使用本文档站的
plaudIconRegistry(来自 Figma Design System)。 - 每个图标下方:
IconRegistry的 key + 使用它的组件(最多 3 个;—表示当前无组件使用)。
全部图标
infoCircleToastcheckmarkCircleToastexclamationCircleToastxmarkCircleToastchevronUp—chevronRightDropdownMenu · Breadcrumb · CarouselchevronDownSelect · Accordion · MenuchevronLeftCarousel · Calendar · ImageViewercheckCheckbox · Select · DropdownMenuxmarkDialog · DatePicker · UploadsearchInputmoreHorizontalPagination · BreadcrumbsortTable · Calendar · TimePickerhelpTablecalendarDatePicker · RangePickereyeOpenInputeyeCloseInputlistChevronDownTree · Tabscountdown—plus—zoomOutImageViewerzoomInImageViewerdeleteImageViewerexportImageViewershrinkImageViewercloudUploadUploadretryUploaduploadSuccessUploaduploadFailUploadaskAiAiButtonaiFeedbackToast说明
- 每个图标下方的 key 即
IconRegistry的字段名,你的 registry 必须覆盖全部 key,否则编译失败 (satisfies IconRegistry)、组件运行时抛错。 - 颜色:多数图标使用
currentColor,跟随周围文字颜色;uploadSuccess带固定品牌渐变。 uploadFail是单色currentColor字形;错误色(--Status-Destructive)在使用处(如Upload)施加,不内嵌进图标。