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';

<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.