Professional Documents
Culture Documents
Divider
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 分割线标题的位置
plain 文字是否显示为普通正文样式
style 分割线样式对象
type 水平还是垂直类型