For AI agents: the documentation index is at /llms.txt, and any docs page is available as Markdown by appending .md to its URL.

Separator

A horizontal or vertical dividing line.

Shelf

Components you copy in and own.

Docs

Components

Source

When to use

Use when: Dividing groups of content or menu items.
Avoid when: Spacing alone would separate the groups.

Installation

bunx shelf add separator

The source lands in src/components/ui/separator.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.

Usage

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

<Separator />

Built on

Packages: @base-ui/react, @stylexjs/stylex
Shelf items: foundations, utils
Accessibility: Focus, keyboard, and ARIA behavior come from Base UI.
Figma: Optional native Figma library. See Designers.