Count
flx/badge-06FreeBlock
Pill-shaped numeric counts with tabular figures.
Install it
npx shadcn@latest add https://ui.flexnative.com/r/badge-06.jsonSource
1import { Badge } from '@/components/ui/badge'23export function Badge06() {4 return (5 <div className="flex flex-wrap items-center gap-2">6 <Badge className="min-w-5 justify-center rounded-full px-1 tabular-nums">7 38 </Badge>9 <Badge10 variant="secondary"11 className="min-w-5 justify-center rounded-full px-1 tabular-nums"12 >13 2414 </Badge>15 <Badge16 variant="destructive"17 className="min-w-5 justify-center rounded-full px-1 tabular-nums"18 >19 99+20 </Badge>21 </div>22 )23}
What it pulls in
Other registry items
Files it writes
More from flx
All 450 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Basicaccordion-01 | flx | Blocks | Free | no deps | |
| Multipleaccordion-02 | flx | Blocks | Free | no deps | |
| With iconsaccordion-03 | flx | Blocks | Free | no deps | |
| FAQaccordion-04 | flx | Blocks | Free | no deps | |
| Separated cardsaccordion-05 | flx | Blocks | Free | no deps | |
| Plus / minus iconaccordion-06 | flx | Blocks | Free | 1 dep | |
| Left chevronaccordion-07 | flx | Blocks | Free | 1 dep | |
| Rich contentaccordion-09 | flx | Blocks | Free | no deps |
