## Divider 分割线
------------------------

区隔内容的分割线。

### 水平分割线

默认为水平分割线，可在中间加入文字。
:::demo
```html
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
<kc-divider></kc-divider>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
<kc-divider>With Text</kc-divider>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
<kc-divider dashed></kc-divider>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
```
:::
### 标题位置

修改分割线标题的位置。
:::demo
```html
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
<kc-divider orientation='center' class-name="bold">With Text</kc-divider>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
<kc-divider orientation='left' style= "color:red">With Text</kc-divider>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
<kc-divider orientation="right">With Text</kc-divider>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
<style>
	.bold{
		font-weight: bold;
	}
	
</style>
```
:::

### 垂直分割线

使用 `type="vertical"` 设置为行内的垂直分割线。
:::demo
```html
<span>Text</span>
<kc-divider type="vertical"></kc-divider>
<a href="">Link</a>
<kc-divider type="vertical"></kc-divider>
<a href="">Link</a>
```
:::

### Divider Attributes

| 参数 | 说明 | 类型 |默认值 |
| ---- | ---- | ---- |---- |
| className | 分割线样式类 | boolean |false|
| dashed | 是否虚线 | number |400|
| orientation | 分割线标题的位置 | center / left / right |center|
| type | 水平还是垂直类型 | horizontal / vertical |horizontal|