edbnedbn/ui
Get Started
WelcomeWhy We're DifferentChoosing a VariantChangelogLicense
Components
OverviewAlert DialogCheckboxCollapsibleDialogFieldInputMenuNumber FieldPopoverProgressRadioScroll AreaSelectSeparator
SliderSwitchTabsToggleTooltip
Shared Components
InputTextareaCardAvatarTableAlertBreadcrumbPagination
0installs
Components
Maps
GitHub stars
HomeDocsComponentsStaticSeparator

On this page

Separator

Visually or semantically separates content. Built on Base UI Separator primitives.

Radix Primitives

An open-source UI component library.

Blog
Docs
Source

Usage

import { SeparatorRoot } from "@/components/ui/static/separator"
<SeparatorRoot />

{/* Vertical */}
<SeparatorRoot orientation="vertical" />

Installation

Install dependencies

TypeScript
npm install @base-ui/react

Examples

Profile Section

John Doe

Software Engineer

142

Posts

1.2k

Followers

89

Following

Menu Items

API Reference

orientation"horizontal" | "vertical"
="horizontal"

The orientation of the separator.

decorativeboolean
=false

Whether the separator is purely decorative (no semantic meaning).