Separator

Copy Markdown

Visually separate content with a line.

PreviewCode

A set of primitive components for building UI.

A collection of accessible, beautiful, and customizable components.

Installation#

CLIManual

pnpmbunnpmyarn

pnpm dlx shadcn@latest add @shark/separator

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

<Separator />

Use orientation prop to control the orientation of the separator.

PreviewCode

Blog

Docs

Source

PreviewCode

Blog

PreviewCode

Item 1Value 1

Item 2Value 2

Item 3Value 3

Horizontal or vertical divider between content.

Prop	Type	Default
`orientation`	`"horizontal"	"vertical"`
`className`	`string`	`-`

For complete list of props, see Ark UI documentation.

[

Select ](/docs/components/select)[

Sheet ](/docs/components/sheet)

On This Page