Sizes
flx/badge-10FreeBlock
Small, default, and large sizes via className.
Install it
npx shadcn@latest add https://ui.flexnative.com/r/badge-10.jsonSource
1import { Badge } from '@/components/ui/badge'23export function Badge10() {4 return (5 <div className="flex flex-wrap items-center gap-2">6 <Badge className="h-4 px-1.5 text-[10px]">Small</Badge>7 <Badge>Default</Badge>8 <Badge className="h-6 px-2.5 text-sm">Large</Badge>9 </div>10 )11}
What it pulls in
Other registry items
Files it writes
More from flx
All 446 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 |
