Divider

A divider is a thin line that visually separates groups of content within a specific area of an application.

Props

NameTypeDescriptionDefault
orientation'horizontal' | 'vertical'The divider can be showed in horizontal or vertical.'horizontal'
weight'regular' | 'strong'Modifies the thickness of the divider.'regular'
color'lightGrey' | 'mediumGrey' | 'darkGrey'Modifies the color of the divider.'mediumGrey'
decorativebooleanSpecifies whether the divider serves a purely decorative purpose or functions as a semantic separator for content. Additionally, it determines whether the divider is accessible to screen readers.true

Examples

Basic Usage

Vertical