Docs
πŸ—οΈ ⏐ Components
Layout
Divider

Divider

A simple divider component that supports horizontal and vertical.

Examples

Blocks

This component is used in the following Blocks:

Theme

This component uses the following default theme:

  • root{}(4 keys)
      Show all

Learn more about how to customize in the Theme documentation.

API

PropDescriptionDefault
classNameClassname to apply to the divider.
string
disableMarginsDisable the margins of the divider. The default margin is: `--spacings-md`.
boolean
false
orientationOrientation of the divider.
"horizontal" | "vertical"
horizontal
styleAdditional style attributes. Recommend to use css classes over this.
CSSProperties
themeTheme for the Divider.
DividerTheme
variantVariant of the divider.
"primary" | "secondary"
primary