@rrc-materials/divider v0.2.0

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