Skip to main content
Version: 4.0.0-beta.0

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


Props

Divider

Reference

Divider

color

The color of the component.

TypeDefault
stringNone

inset

Applies inset to the divider.

TypeDefault
booleanfalse

insetType

Applies inset to a specific direction to the divider.

TypeDefault
"middle" or "left" or "right"left

orientation

Apply orientation to the divider.

TypeDefault
"vertical" or "horizontal"horizontal

style

Applies style to the divider.

TypeDefault
View style(Object)None

subHeader

Adds subHeader text to the divider.

TypeDefault
stringNone

subHeaderStyle

Adds style to the subHeader text of the divider

TypeDefault
Text Style(Object)None

width

Apply width to the divider.

TypeDefault
numberNone