Separator Demo
components-site-template/separator-demoFreeComponent
A small usage example for the separator primitive.
Install it
npx shadcn@latest add https://ui-docs.anxndsgn.com/r/separator-demo.jsonSource
1import { Separator } from "../ui/separator";23export function SeparatorDemo() {4 return (5 <div className="w-80 space-y-2">6 <div className="flex h-5 items-center space-x-4 text-sm">7 <div>Blog</div>8 <Separator orientation="vertical" />9 <div>Docs</div>10 <Separator orientation="vertical" />11 <div>Source</div>12 </div>13 <Separator />14 <div className="flex h-5 items-center space-x-4 text-sm">15 <div>Overview</div>16 <Separator orientation="vertical" />17 <div>Analytics</div>18 </div>19 </div>20 );21}
What it pulls in
Other registry items
Files it writes
More from components-site-template
All 12 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Buttonbutton | components-site-template | Components | Free | no deps | |
| Button Demobutton-demo | components-site-template | Components | Free | no deps | |
| Dropdown Menudropdown-menu | components-site-template | Components | Free | 2 deps | |
| Dropdown Menu Demodropdown-menu-demo | components-site-template | Components | Free | no deps | |
| Scroll Areascroll-area | components-site-template | Components | Free | 1 dep | |
| Scroll Area Demoscroll-area-demo | components-site-template | Components | Free | no deps | |
| Selectselect | components-site-template | Components | Free | 2 deps | |
| Select Demoselect-demo | components-site-template | Components | Free | no deps |
