Tag list
flx/badge-13FreeBlock
A wrapping group of outline badges as tags.
Install it
npx shadcn@latest add https://ui.flexnative.com/r/badge-13.jsonSource
1import { Badge } from '@/components/ui/badge'23const tags = [4 'react',5 'typescript',6 'tailwind',7 'next.js',8 'shadcn/ui',9 'motion',10 'radix',11]1213export function Badge13() {14 return (15 <div className="flex max-w-xs flex-wrap gap-1.5">16 {tags.map((tag) => (17 <Badge key={tag} variant="outline" className="font-normal">18 {tag}19 </Badge>20 ))}21 </div>22 )23}
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 |
