Divider 分隔线
区隔内容的分隔线
何时使用
对不同段落的文本进行分隔。
Divider基本用法
Divider参数
参数 | 类型 | 默认 | 说明 |
---|---|---|---|
color | string | -- | 设置分隔线的颜色 |
direction | DirectionType | horizontal | 设置分隔线方向 |
border-style | BorderStyleType | solid | 设置分隔符样式 |
content-position | ContentPositionType | center | 设置分隔线文案的位置 |
content-color | string | -- | 设置分隔线文案的颜色 |
content-background-color | string | -- | 设置分隔线文案的背景颜色 |
Divider类型定义
DirectionType
ts
export type DirectionType = 'horizontal' | 'vertical'
BorderStyleType
ts
export type BorderStyleType = 'dashed' | 'solid'
ContentPositionType
ts
export type ContentPositionType = 'left' | 'right' | 'center'