Separator

Visually or semantically separates content.

Features

    Supports horizontal and vertical orientations.

Installation

Install the component from your command line.

npm install @tealess/separator

Anatomy

Import all parts and piece them together.

import * as Separator from "@tealess/separator";
export default () => <Separator.Root />;

API Reference

Root

The separator.

PropTypeDefault
asChild
boolean
false
orientation
enum
"horizontal"
decorative
boolean
No default value
Data attributeValues
[data-orientation]"vertical" | "horizontal"

Accessibility

Adheres to the separator role requirements.

PreviousSelect
NextSlider