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

NameTypeDefault
size'S''M''L'Default: 'M'

How thick the Divider should be.

orientation'horizontal''vertical'Default: 'horizontal'

The orientation of the Divider.

staticColor'white''black''auto'Default:

The static color style to apply. Useful when the Divider appears over a color background.

stylesDefault:

Spectrum-defined styles, returned by the style() macro.