Components
Separator
A separator component
Preview
Loading...
import { Separator } from "@/registry/axon/ui/separator";export default function SeparatorDemo() { return ( <div> <div className="space-y-1"> <h4 className="font-medium text-sm leading-none">Radix Primitives</h4> <p className="text-muted-foreground text-sm"> An open-source UI component library. </p> </div> <Separator className="my-4" /> <div className="flex h-5 items-center space-x-4 text-sm"> <div>Blog</div> <Separator orientation="vertical" /> <div>Docs</div> <Separator orientation="vertical" /> <div>Source</div> </div> </div> );}Installation
CLI
npx shadcn@latest add @emberui/separatoryarn shadcn@latest add @emberui/separatorpnpm dlx shadcn@latest add @emberui/separatorbunx --bun shadcn@latest add @emberui/separatorReference
This component is based on the shadcn/ui Separator component.