Components
HeroUI Separator
HeroUI v3 Separator — horizontal/vertical divider with content, variants, on-surface usage and a custom render-function API.
import { Separator } from "@/components/ui/heroui-separator"
export default function Vertical() {
return (
<div className="text-small flex h-5 items-center space-x-4">
<div>Blog</div>
<Separator orientation="vertical" />
<div>Docs</div>
<Separator orientation="vertical" />
<div>Source</div>
</div>
)
}
More examples
DefaultOpen page →
With ContentOpen page →
VariantsOpen page →
With SurfaceOpen page →
Custom Render FunctionOpen page →
