CountBadge
CountBadge Component
Playground
5
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| count | number | — | |
| max | number | — | |
| variant | selectprimary | error | warning | success | — | |
| size | selectsm | md | — | |
| dot | boolean | — |
Default5
HighCount99+
DotOnly
Variants
37212
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
count | number | — | Count value |
dot | boolean | — | Show dot only |
max | number | — | Maximum before showing + |
size | select | — | Badge size |
variant | select | — | Color variant |
Using CountBadgetsx
import { CountBadge } from '@/components/CountBadge'
<CountBadge
count="..."
max="..."
variant="..."
size="..."
dot="..."
/>Tokens Used
No design tokens detected