跳到主要内容

图标

@plaud/design 不内置任何图标实现,组件用到的全部图标都由使用方通过 IconRegistry 注入。 本页列出你必须提供的所有图标 key,并展示每个 key 在默认参考实现(plaudIconRegistry)下的渲染效果。

  • 如何配置与注入 registry,见 图标配置(Icon Registry)
  • 绝大多数图标类型为 ComponentType<IconProps>sort 额外接收 sortDirection
  • 下方预览使用本文档站的 plaudIconRegistry(来自 Figma Design System)。
  • 每个图标下方:IconRegistry 的 key + 使用它的组件(最多 3 个; 表示当前无组件使用)。

全部图标

说明

  • 每个图标下方的 key 即 IconRegistry 的字段名,你的 registry 必须覆盖全部 key,否则编译失败 (satisfies IconRegistry)、组件运行时抛错。
  • 颜色:多数图标使用 currentColor,跟随周围文字颜色;uploadSuccess 带固定品牌渐变。
  • uploadFail 是单色 currentColor 字形;错误色(--Status-Destructive)在使用处(如 Upload)施加,不内嵌进图标。