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 アイコンボタンバリアント
selectedbooleanトグル状態(standard 以外)
aria-labelstringアクセシブル名(必須)