Notification badge
Notification badges are visual indicators for numeric values.
import { ... } from '@ag.ds-next/react/notification-badge';Usage
Notification badge components can be imported via the notification-badge entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/notification-badge';Props
| Prop | Type | Description |
|---|---|---|
| tone | "action" | "neutral" | The colour tone to apply. |
| value | number | The number to show. |
| aria-hidden? | Booleanish | If true, the element will be hidden from assistive technologies. |
| max? | number | If value exceeds this number, show max+ instead. e.g. "99+". |
Source
You can view the full source code for this package on Github.