mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-30 20:38:45 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity
f0ba86a534
ant-design/components/divider/index.en-US.md
二货爱吃白萝卜 20561d6f9d
docs: Fix component doc alignment & support import usage (#48004) 
* docs: init ref

* docs all support

* docs: fix link show
2024-03-22 14:22:42 +08:00

1.8 KiB
Raw Blame History

category title description cover coverDark demo group
Components Divider A divider line separates different content. 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

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 Component Token

API

Common props ref：Common props

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, If a numeric value of type string is provided without a unit, it is assumed to be in pixels (px) by default. 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