Dividers

Dividers are components used to add space or any other separator between other components.

Divider

JSX Declaration

<Divider />

Line divider

JSX Declaration

<Divider styleName="line" />

Section divider

Section dividers are usually used in lists to separate groups of similar list items, for example to group contacts by the first letter of their name. ListView will automatically style all dividers added to it.

JSX Declaration

<Divider styleName="section-header" />

Section divider + Label

JSX Declaration

<Divider styleName="section-header">
  <Caption>INFORMATION</Caption>
</Divider>

Section divider + Label + Caption

JSX Declaration

<Divider styleName="section-header">
  <Caption>PRODUCT NAME</Caption>
  <Caption>PRICE</Caption>
</Divider>