Dividers
A divider is a thin line that groups content in lists and layouts.
Dividers separate content into clear groups.
List Dividers
The divider renders as a <hr> by default.
You can save rendering this DOM element by using the divider property on the ListItem component.
HTML5 Specification
We need to make sure the Divider is rendered as a li to match the HTML5 specification.
The examples below show two ways of achieving this.
Inset Dividers
Toothbrush
$4.50
Pinstriped cornflower blue cotton blouse takes you on a walk to the park or just down the hall.
Select type
Extra Soft
Soft
Medium
Hard