Divider

Dividers are visual separators of content. Use Divider when you want to make a distinction between sections of content. Our divider offers adding inset, color, orientation and subHeader to the component using props. Also receives all View props.

Usage

Import

import { Divider } from '@rneui/themed';

Theme Key

Divider

Props

note

Includes all View props.

Name	Type	Default	Description
color	string		The color of the component.
inset	boolean	false	Applies inset to the divider.
insetType	middle | left | right	left	Applies inset to a specific direction to the divider.
orientation	vertical | horizontal	horizontal	Apply orientation to the divider.
style	View Style		Applies style to the divider.
subHeader	string		Adds subHeader text to the divider.
subHeaderStyle	Text Style		Adds style to the subHeader text of the divider
width	number		Apply width to the divider.

Playground

Loading...