Enact

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
String

Configures how the children string will be capitalized. By default, each word is capitalized.

See: i18n/Uppercase#casing
Default: 'word'
children
String

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 ✘
Boolean

The children string will have each word capitalized, unless this is set to true.

use casing

Default: false
spacing
String

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 use margin-top to add additional spacing above your moonstone/Divider.Divider.

Default: 'normal'
ArrayBooleanFunctionModuleNumberObjectString