@rrc-materials/divider

---

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