When to use
Use a badge to show a count of unread or pending items on app icons, tabs, or list rows. Keep it for things that need attention so it doesn’t become noise.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
data-size | "sm" | regular | Small badge for tab items. |
data-dot | boolean | false | Dot with no number. |
data-inline | boolean | false | Inline in a list row. |
data-tone | "gray" | "blue" | "green" | red | Badge color. |