Version: 3.0.0-next.36

Divider

Divider is used to visually separate content in a list or group.

Import#

import { Divider } from 'native-base';

Implements#

Examples#

Basic#

The Divider displays a thin horizontal or vertical line.

Divider Orientation#

Pass the orientation prop and set it to either horizontal or vertical.

Note: If the horizontal orientation is used, make sure that the parent element is assigned a width and If the vertical orientation is used, make sure that the parent element is assigned a height.

Composition#

You can use bg or backgroundColor to change the divider's color and width and height to change its width and height respectively.

Props#

NameTypeDescriptionDefault
orientationhorizontal, verticalThe orientation of the divider.-