A divider line separates different content.
Basic usage.
Display text or components in diriver.
Custom size of white space around components.
Specify the volume of the component.
Different state.
Divider.Props
Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
x | x-axis spacing | number / float | - | 0 |
y | y-axis spacing | number / float | - | 2 |
type | type of divier | DividerTypes | - | default |
align | alignment of text | DividerAlign | - | center |
volume | size of component | number / float | - | 1 |
... | native props | HTMLAttributes | 'id', 'name', 'className', ... | - |
DividerTypes
type DividerTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error' | 'dark' | 'lite'
DividerAlign
type DividerAlign = 'center' | 'start' | 'left' | 'end' | 'right'