Logobaseui-cn

Separator

Visually or semantically separates content.

displayprimitive
Loading preview...

Installation

npx baseui-cn add separator

Usage

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

Examples

Horizontal

A horizontal separator.

Loading preview...

Vertical

Use orientation="vertical".

Loading preview...

API Reference

See the Base UI Separator documentation for the full API reference, including all props, data attributes, and CSS classes.