Divider

A divider line separates different content.

General

Basic usage.

With Text

Display text or components in divider.

Space

Custom size of white space around components.

Types

Different state.

APIs

Divider.Props

AttributeDescriptionTypeAccepted valuesDefault
typetype of dividerDividerTypes-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'