Separator

display

Visually or semantically separates content.

Preview

Radix Primitives

An open-source UI component library.

Blog

Docs

Source

Installation

npm install @launchapp/design-system

Import

import { Separator } from "@launchapp/design-system";

Examples

Horizontal Separator

<div>  <div className="space-y-1">    <h4 className="text-sm font-medium">Radix Primitives</h4>    <p className="text-sm text-muted-foreground">An open-source UI component library.</p>  </div>  <Separator className="my-4" />  <div className="flex h-5 items-center space-x-4 text-sm">    <div>Blog</div>    <Separator orientation="vertical" />    <div>Docs</div>  </div></div>

Props

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	The axis the separator should align with.
`decorative`	`boolean`	`false`	Whether the separator is purely visual (no ARIA role).
`className`	`string`	—	Additional CSS classes.

← PreviousSelect

Next →Sheet