Icon only
flx/badge-12FreeBlock
Round icon-only badges across variants.
Install it
npx shadcn@latest add https://ui.flexnative.com/r/badge-12.jsonSource
1import { CheckIcon, StarIcon, ZapIcon } from 'lucide-react'23import { Badge } from '@/components/ui/badge'45export function Badge12() {6 return (7 <div className="flex flex-wrap items-center gap-2">8 <Badge className="size-5 rounded-full p-0">9 <CheckIcon />10 </Badge>11 <Badge variant="secondary" className="size-5 rounded-full p-0">12 <StarIcon />13 </Badge>14 <Badge variant="outline" className="size-5 rounded-full p-0">15 <ZapIcon />16 </Badge>17 </div>18 )19}
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 |
