Fab
Floating Action Button。primary / secondary / tertiary / surface のサイズとバリアントを提供します。
参考: Material Design 3 公式ガイドライン m3.material.io/components/floating-action-button/overview
Import
import { Fab, ThemeProvider } from '@m3-baseui/react-tailwind';使用例
<Fab variant="primary" size="medium" aria-label="作成"> <Icon name="add" /></Fab>Props
| Prop | 型 | 既定値 | 説明 |
|---|---|---|---|
variant | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'primary' | FAB バリアント |
size | 'small' | 'medium' | 'large' | 'medium' | FAB サイズ |