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.
| Type | Default |
|---|---|
| string | None |
inset
Applies inset to the divider.
| Type | Default |
|---|---|
| boolean | false |
insetType
Applies inset to a specific direction to the divider.
| Type | Default |
|---|---|
| "middle" or "left" or "right" | left |
orientation
Apply orientation to the divider.
| Type | Default |
|---|---|
| "vertical" or "horizontal" | horizontal |
style
Applies style to the divider.
| Type | Default |
|---|---|
| View style(Object) | None |
subHeader
Adds subHeader text to the divider.
| Type | Default |
|---|---|
| string | None |
subHeaderStyle
Adds style to the subHeader text of the divider
| Type | Default |
|---|---|
| Text Style(Object) | None |
width
Apply width to the divider.
| Type | Default |
|---|---|
| number | None |