showNav: true

Divider 分割线

分割线

:::demo

<p>看到了么？我后面有条实线分割线哦～</p>
<rc-divider></rc-divider>

<p>看到了么？我后面有条虚线分割线哦～</p>
<rc-divider dashed></rc-divider>

:::

居中标题

:::demo

<rc-divider>我是标题呀标题</rc-divider>

:::

靠左标题

:::demo

<rc-divider position="left">我是靠左的标题呀靠左的标题</rc-divider>

:::

靠右标题

:::demo

<rc-divider position="right">我是靠右的标题呀靠右的标题</rc-divider>

:::

虚线标题

:::demo

<rc-divider dashed>我是一个虚线标题诶～</rc-divider>

:::

竖直分割线

:::demo

<div>
  <span>标签1</span>
  <rc-divider type="vertical"></rc-divider>
  <span>标签2</span>
  <rc-divider type="vertical"></rc-divider>
  <span>标签3</span>
</div>

:::

Attributes

| 参数 | 说明 |可选值 |类型| 默认值| |---------|-------- |---------- |-------- |---------- | | type | 分割线是垂直还是水平 |horizontal/vertical| String | horizontal | | position | 文字位置 | left/right/center| String | center | | dashed | 是否虚线 | true/false | Boolean | false |