Divider

A divider line separates different content.

General

The basic Divider 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'
  | 'primary'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'info'
  | 'dark'
  | 'lite'

DividerAlign

type DividerAlign = 'center' | 'start' | 'left' | 'end' | 'right'
Edit this page on GitHub

Previous

Display

Next

Dot

MADE & DESIGNED WITHBY BRUNO ANDRADE
docs background gradient blue
docs background gradient violet