BetaPublic beta — Read the release notes
Documentation

Separator

Headless separator primitive for horizontal or vertical dividers.

Status
published

Preview

The @solidiom/separator package exports the Separator.Root primitive. No StyledSeparator wrapper is exported by the recipe packages.

Usage

import * as Separator from "@solidiom/separator"

;<Separator.Root orientation="horizontal" />

Separator.Root accepts orientation (horizontal or vertical), decorative, class, and style props.

Installation

pnpm add @solidiom/separator

Styling

The primitive emits semantic data attributes and accepts class and style props. Add application styles directly; a recipe wrapper is not currently exported for this primitive.

Accessibility

By default, Separator.Root renders with role="separator" and the selected aria-orientation. Set decorative to render it with role="none". See the Separator primitive accessibility contract.