Divider 分割线
区隔内容的分割线。
基础用法
上方内容
下方内容
vue
<p>上方内容</p>
<ADivider />
<p>下方内容</p>带标题
居中标题
左侧标题
右侧标题
vue
<ADivider>居中标题</ADivider>
<ADivider title-placement="left">左侧标题</ADivider>
<ADivider title-placement="right">右侧标题</ADivider>虚线
虚线标题
vue
<ADivider dashed />
<ADivider dashed>虚线标题</ADivider>垂直分割线
左侧右侧
vue
<span>左侧</span>
<ADivider vertical />
<span>右侧</span>API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| vertical | boolean | false | 垂直分割线 |
| dashed | boolean | false | 虚线 |
| titlePlacement | 'left' | 'center' | 'right' | 'center' | 标题位置 |