Divider

A divider line separates different content.

Default

Basic usage.

With Text

Display text or components in diriver.

Space

Custom size of white space around components.

Types

Different state.

APIs

Divider.Props

AttributeDescriptionTypeAccepted valuesDefault
typetype of divierDividerTypes-default
alignalignment of textDividerAlign-center
...native propsHTMLAttributes'id', 'name', 'className', ...-

DividerTypes

type DividerTypes =
  | 'default'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'dark'
  | 'lite'

DividerAlign

type DividerAlign = 'center' | 'start' | 'left' | 'end' | 'right'