switch-demo
pane/switch-demoFreeExample
pane publishes no description for this item.
Install it
npx shadcn@latest add https://pane.theui.company/r/switch-demo.jsonSource
1import { Switch } from "@/components/ui/switch";23export default function SwitchDemo() {4 return (5 <div className="flex items-center gap-3">6 <Switch id="airplane-mode" defaultChecked />7 <label htmlFor="airplane-mode" className="text-sm font-medium">8 Airplane mode9 </label>10 </div>11 );12}
What it pulls in
Other registry items
Files it writes
More from pane
All 25 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| badge-demobadge-demo | pane | Examples | Free | no deps | |
| 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 | |
| tabs-demotabs-demo | pane | Examples | Free | no deps |
