Skip to main content
Version: Bleeding Edge 🚧

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.

Import

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

Usage

Props

note

Includes all View props.

NameTypeDefaultDescription
colorstringThe color of the component.
insetbooleanfalseApplies inset to the divider.
insetTypemiddle | left | rightleftApplies inset to a specific direction to the divider.
orientationvertical | horizontalhorizontalApply orientation to the divider.
styleView StyleApplies style to the divider.
subHeaderstringAdds subHeader text to the divider.
subHeaderStyleText StyleAdds style to the subHeader text of the divider
widthnumberApply width to the divider.

Playground

Loading...