ant-design/components/divider/index.en-US.md
2023-03-27 15:33:22 +08:00

1.6 KiB

category title cover coverDark demo group
Components Divider https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7sMiTbzvaDoAAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*KPSEQ74PLg4AAAAAAAAAAAAADrJ8AQ/original
cols
2
title order
Layout 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

Design Token