Divider

Dividers bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.

size

orientation

staticColor

import {Divider} from '@react-spectrum/s2';

<Divider />

API

Name	Type	Default
`size`	`'S' \| 'M' \| 'L'`	Default: `'M'`
How thick the Divider should be.
`orientation`	`'horizontal' \| 'vertical'`	Default: `'horizontal'`
How thick the Divider should be.
`staticColor`	`'white' \| 'black' \| 'auto'`	Default: —
The static color style to apply. Useful when the Divider appears over a color background.
`styles`	`StylesProp`	Default: —
Spectrum-defined styles, returned by the `style()` macro.