Skip to main content

Pivotal UI

v18.0.0
Components / Divider

Divider

Large divider example

Dividers draw horizontal lines between different content groupings

ReferenceError: React is not defined
Inverse dividers

On a dark background, use these inverse dividers

ReferenceError: React is not defined

Props

PropertyRequiredTypeDefaultDescription
inversenoBooleanSpecifying this prop inverses the divider
sizenoStringChanges the size of the component. Either 'large' or leave undefined for default size.

Imports

Import React components (including CSS):

import {Divider} from 'pivotal-ui/react/dividers';

Import CSS only:

import 'pivotal-ui/css/dividers';