Components
Loading preview...
HeroUI v3 Separator — horizontal/vertical divider with content, variants, on-surface usage and a custom render-function API.
npx shadcn@latest add https://21st.dev/r/hero_ui/heroui-separatorimport { Separator } from "@/components/ui/heroui-separator"
export default function Variants() {
return (
<div className="flex max-w-md flex-col items-center gap-3">
<div>Default Variant</div>
<Separator variant="default" />
<div>Secondary Variant</div>
<Separator variant="secondary" />
<div>Tertiary Variant</div>
<Separator variant="tertiary" />
</div>
)
}