Waiting for action
Notification-style icon with an optional count badge for toolbars, headers, and app chrome.
| Prop | Type | Default | Description |
|---|---|---|---|
iconName | string | — | Font Awesome catalog icon name such as bell or envelope. |
label | string | — | Accessible name; includes count when a badge is shown. |
count | number | 0 | Badge count. Hidden when zero unless showZero is true. |
max | number | 99 | Maximum value before showing 99+. |
size | "sm" | "md" | "lg" | "md" | Icon and hit-target scale. |
tone | IconTone | "muted" | Icon colour. |
urgency | IconBadgeUrgency | "standard" | Badge colour: standard, danger, warning, success, or info. |
showZero | boolean | false | Render the badge when count is zero. |
onClick | () => void | — | When set, renders as a button. |
aria-hidden).Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…