feedback/@mihcm/ui·v0.21.0·stable
NotificationBadge
Tiny counter dot that overlays a parent (the bell icon, an inbox icon, etc.). Renders inside any position: relative container; absolutely-positions in the chosen corner.
Props
The full prop API for NotificationBadge. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
count | number | 0 | `0` and `undefined` hide the badge. Values over `max` render as `${max}+`. | 0.4.0 |
max | number | 99 | Cap value above which the label collapses to `${max}+`. | 0.4.0 |
dot | boolean | false | Render a tiny 8 × 8 dot without text. | 0.4.0 |
tone | 'danger' | 'warning' | 'accent' | 'primary' | 'danger' | Background tone. | 0.4.0 |
placement | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-right' | Corner relative to the parent container. | 0.4.0 |
Import
import { NotificationBadge } from '@mihcm/ui/NotificationBadge';