アイコンの使い方と追加

アイコンは @docs/ui の Icon コンポーネントで表示します。利用可能な名前は packages/ui/src/components/icons/Icons.ts のレジストリに定義されています。

基本の使い方

import { Icon } from '@docs/ui';

<Icon name="info" /> 情報
<Icon name="triangle-alert" /> 注意
<Icon name="circle-check" /> 成功

一覧の参照先

• レジストリ: packages/ui/src/components/icons/Icons.ts
• 型: IconName（同ファイルのキー）

アイコンを追加する

1. Icons.ts にSVGパスを追加
2. 既存のキーと重複しない短い名前を付ける

export const Icons = {
  // 既存…
  "my-icon": '<path d="M..."/>'
};
export type IconName = keyof typeof Icons;

次は「サイドバー自動生成」へ。