You are on page 1of 3

Divider 分割线

区隔内容的分割线。

何时使用
o 对不同章节的文本段落进行分割。

o 对行内文字/链接进行分割,例如表格的操作列。

代码演示
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
水平分割线
默认为水平分割线,可在中间加入文字。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Left Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Right Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
分割文字使用正文样式
使用 plain 可以设置为更轻量的分割文字样式。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Left Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Right Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Left Text with 0 orientationMargin
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
Right Text with 50px orientationMargin
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
merninisti licere mihi ista probare, quae sunt a te dicta? Refert
tamen, quo modo.
带文字的分割线
分割线中带有文字,可以用 orientation 指定文字位置。

Text
Link
Link
垂直分割线
使用 type="vertical" 设置为行内的垂直分割线。
API

参数 说明

children 嵌套的标题

className 分割线样式类

dashed 是否虚线

orientation 分割线标题的位置

orientationMargin 标题和最近 left/right 边框之间的距离,去除了分割线,同时 orien

plain 文字是否显示为普通正文样式

style 分割线样式对象

type 水平还是垂直类型

You might also like