IconButton
アイコンのみのボタン。standard / filled / tonal / outlined とトグル(selected)をサポートします。
参考: Material Design 3 公式ガイドライン m3.material.io/components/icon-buttons/overview
Import
import { IconButton, ThemeProvider } from '@m3-baseui/react-tailwind';使用例
<IconButton variant="tonal" aria-label="設定"> <Icon name="settings" /></IconButton>Props
| Prop | 型 | 既定値 | 説明 |
|---|---|---|---|
variant | 'standard' | 'filled' | 'tonal' | 'outlined' | 'standard' | M3 アイコンボタンバリアント |
selected | boolean | — | トグル状態(standard 以外) |
aria-label | string | — | アクセシブル名(必須) |