Components

Divider

Dividers are used to display a thin horizontal or vertical line.

Import

import { Divider } from '@outfitio/outkit';

Usage

Divider composes the box component, so all box styling props and responsive styles can be applied to it.

Changing the orientation

To change the orientation of the divider, pass the orientation prop and set it to either vertical or horizontal

Changing the border color

Use the borderColor prop to change the divider colour.

Props

The Divider composes the Box component, so you can pass all Box props.

NameTypeDefaultDescription
orientationhorizontal, verticalhorizontalThe orientation