mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 03:29:59 +08:00
Code Issues Actions 35 Packages Projects Releases Wiki Activity
67900a7aad
ant-design/components/divider/index.zh-CN.md
凤之兮原 8e8433c426
fix: fix divider component innerStyle style error (#42797) 
* fix: fix style transformation

* fix: fix style transformation

* fix: eslint

* feat: compatible with str writing

* fix: lint

* refactor: orientationMargin transform

* docs: update docs

* chore:add process.env.NODE_ENV displayName
2023-06-03 12:45:26 +08:00

1.7 KiB
Raw Blame History

category title subtitle 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
布局 2

区隔内容的分割线。

何时使用

  • 对不同章节的文本段落进行分割。
  • 对行内文字/链接进行分割，例如表格的操作列。

代码演示

水平分割线 带文字的分割线 分割文字使用正文样式 垂直分割线 样式自定义

API

参数 说明 类型 默认值 版本
children 嵌套的标题 ReactNode -
className 分割线样式类 string -
dashed 是否虚线 boolean false
orientation 分割线标题的位置 left | right | center center
orientationMargin 标题和最近 left/right 边框之间的距离，去除了分割线，同时 orientation 必须为 left 或 right。如果传入 string 类型的数字且不带单位，默认单位是 px string | number -
plain 文字是否显示为普通正文样式 boolean false 4.2.0
style 分割线样式对象 CSSProperties -
type 水平还是垂直类型 horizontal | vertical horizontal

Design Token