moonstone/ Divider
Exports the moonstone/Divider.Divider component.
import Divider from '@enact/moonstone/Divider';
Members
DividerComponent
moonstone/Divider.Divider is a simply styled component that may be used as a separator between groups of components.
import Divider from '@enact/moonstone/Divider';
Properties
- casing
Configures how the
children
string will be capitalized. By default, each word is capitalized.Default: 'word'- children
The content of the divider. A divider with no children (text content) will render simply as a horizontal line, with even spacing above and below.
- preserveCase ✘
The children string will have each word capitalized, unless this is set to
true
.use
casing
Default: false- spacing
The size of the spacing around the divider.
'normal'
(default) spacing is slightly larger than the standard spotlight spacing.'small'
is the same size as spotlight spacing.'medium'
is 2x spotlight.'large'
is 3x spotlight.'none'
has no spacing at all. Neighboring elements will directly touch the divider.
Note: Spacing is separate from margin with regard to
margin-top
. It ensures a consistent distance from the bottom horizontal line. It's safe to usemargin-top
to add additional spacing above your moonstone/Divider.Divider.Default: 'normal'