PackagesUIComponents
Icon
アイコン名を文字列で指定して表示するコンポーネント。
Usage
import { Icon } from '@bi-shop-it/ui/icon';
<Icon name="Settings" />;Props
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
name | IconName | — | アイコン名（例: "Mail", "Settings", "Home"） |
size | "sm" | "md" | "lg" | "md" | アイコンサイズ（16px / 20px / 24px） |
variant | "default" | "muted" | "destructive" | "default" | アイコンの色 |
Sizes
<Icon name="Mail" size="sm" /> // 16px
<Icon name="Mail" size="md" /> // 20px
<Icon name="Mail" size="lg" /> // 24pxVariants
<Icon name="Bell" variant="default" />
<Icon name="Bell" variant="muted" />
<Icon name="Bell" variant="destructive" />Examples
<Icon name="Home" />
<Icon name="Search" />
<Icon name="User" />
<Icon name="Heart" />
<Icon name="Star" />
<Icon name="Trash2" />