badge-demo
pane/badge-demoFreeExample
pane publishes no description for this item.
Install it
npx shadcn@latest add https://pane.theui.company/r/badge-demo.jsonSource
1import { Badge } from "@/components/ui/badge";23export default function BadgeDemo() {4 return (5 <div className="flex flex-wrap items-center gap-2">6 <Badge>New</Badge>7 <Badge variant="tinted">Pro</Badge>8 <Badge>v1.0</Badge>9 </div>10 );11}
What it pulls in
Other registry items
Files it writes
More from pane
All 25 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| button-demobutton-demo | pane | Examples | Free | no deps | |
| card-democard-demo | pane | Examples | Free | no deps | |
| dialog-demodialog-demo | pane | Examples | Free | no deps | |
| input-demoinput-demo | pane | Examples | Free | no deps | |
| pane-demopane-demo | pane | Examples | Free | no deps | |
| sheet-demosheet-demo | pane | Examples | Free | no deps | |
| switch-demoswitch-demo | pane | Examples | Free | no deps | |
| tabs-demotabs-demo | pane | Examples | Free | no deps |
