Separator

A separator is a visual divider between two groups of content, e.g. groups of menu items or sections of a page.

orientation

Example

Separator.tsx

Separator.css

Example

Separator.tsx

Separator.css

import {Separator} from './Separator';

<Separator />

API

Name	Type	Default
`orientation`	`Orientation`	Default: `'horizontal'`
The orientation of the separator.
`elementType`	`string`	Default: —
The HTML element type that will be used to render the separator.

Default className: react-aria-Separator