Components
Loading preview...
A separator component for dividing content visually.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/separatorimport { Separator } from "@/components/ui/separator";
export default function DemoOne() {
return (
<>
<div className="space-y-6">
<div className="text-sm">Content above separator</div>
<Separator/>
<div className="flex items-center space-x-4 text-sm">
<span>Home</span>
<Separator orientation="vertical" className="h-4" />
<span>About</span>
<Separator orientation="vertical" className="h-4" />
<span>Contact</span>
<Separator orientation="vertical" className="h-4" />
<span>Blog</span>
</div>
</div>
</>
);
}