Divider
Dividers are elements for visual content separation.

Usage

Whenever you need to separate a group of items, Stack utility divided property can be used instead of manually handling the layout. It uses Divider component under the hood.

Item 1

Item 2

Dividers can be used to separate content horizontally and vertically.

Item 1
Item 2

Vertical dividers take the full-height of its parent.

Item 1
Item 2

Properties

NameTypeDefaultRequiredComment
verticalboolean-false
classNamestring-falseclassName for the root element
attributesobject-falseAttributes for the root element