Badge
small / large の M3 バッジ。数値カウントやドット表示に使用します。
参考: Material Design 3 公式ガイドライン m3.material.io/components/badges/overview
Import
import { Badge, ThemeProvider } from '@m3-baseui/react-tailwind';使用例
<span className="relative inline-flex"> <Icon name="notifications" /> <Badge value={3} aria-label="3件の通知" /></span>Props
| Prop | 型 | 既定値 | 説明 |
|---|---|---|---|
value | ReactNode | — | 表示する数（省略時はドット） |
max | number | — | 数値の上限（例: 99+） |