You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1.4 KiB

category title cover demo group
Components Divider https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7sMiTbzvaDoAAAAAAAAAAAAADrJ8AQ/original [{cols 2}] [{title Layout} {order 2}]

A divider line separates different content.

When To Use

  • Divide sections of article.
  • Divide inline text and links such as the operation column of table.

Examples

Horizontal Divider with title Text without heading style Vertical Style Customization

API

Property Description Type Default Version
children The wrapped title ReactNode -
className The className of container string -
dashed Whether line is dashed boolean false
orientation The position of title inside divider left | right | center center
orientationMargin The margin-left/right between the title and its closest border, while the orientation must be left or right string | number -
plain Divider text show as plain style boolean true 4.2.0
style The style object of container CSSProperties -
type The direction type of divider horizontal | vertical horizontal