As link
flx/badge-07FreeBlock
render prop renders the badge as an anchor with a trailing icon.
Install it
npx shadcn@latest add https://ui.flexnative.com/r/badge-07.jsonSource
1import { ArrowUpRightIcon } from 'lucide-react'23import { Badge } from '@/components/ui/badge'45export function Badge07() {6 return (7 <Badge variant="secondary" render={<a href="#" />}>8 What's new9 <ArrowUpRightIcon data-icon="inline-end" />10 </Badge>11 )12}
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 |
