Skip to Content

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

NameTypeDefault
classNamestring

Classname to apply to the divider.

disableMarginsboolean

Disable the margins of the divider. The default margin is: --spacings-md.

false
orientation"horizontal" | "vertical"

Orientation of the divider.

'horizontal'
styleCSSProperties

Additional style attributes. Recommend to use css classes over this.

themeDividerTheme

Theme for the Divider.

variant"primary" | "secondary"

Variant of the divider.

'primary'
Last updated on