Separator

An open-source UI component library.

Blog

Docs

Source

Installation

npx shadcn@latest add @uqudo/separator

import { Separator } from "@/components/uqudo/ui/separator"

<Separator />

A vertical separator stretches to the height of its flex parent, so give the parent an explicit height:

<div className="flex h-5 items-center space-x-4 text-sm">
  <div>Blog</div>
  <Separator orientation="vertical" />
  <div>Docs</div>
</div>

Prop

Type

The rendered element carries data-slot="separator".