# Divider

分隔符

## 案例演示

### Divider 基本使用

---demo
```js
import { Divider } from 'amos-framework';

ReactDOM.render((
  <div style={{ width: '20em', display: 'inline-block', padding: '1em' }}>
    <div>桃花尽日随流水</div>
    <Divider />
    <div>天阶夜色凉如水</div>
  </div>
), _react_runner_);
```
---demoend

### Divider 虚线

---demo
```js
import { Divider } from 'amos-framework';

ReactDOM.render((
  <div style={{ width: '20em', display: 'inline-block', padding: '1em' }}>
    <div>桃花尽日随流水</div>
    <Divider dashed />
    <div>天阶夜色凉如水</div>
  </div>
), _react_runner_);
```
---demoend

### Divider 内容分割

---demo
```js
import { Divider } from 'amos-framework';

ReactDOM.render((
  <div style={{ width: '20em', display: 'inline-block', padding: '1em' }}>
    <Divider>标题</Divider>
    <div>内容区--天阶夜色凉如水</div>
  </div>
), _react_runner_);
```
---demoend

### Divider 垂直分割线

---demo
```js
import { Divider } from 'amos-framework';

ReactDOM.render((
  <div>
    <a href="#/home">首页</a>
    <Divider type="vertical" />
    <a href="#/second">第二个页面</a>
    <Divider type="vertical" />
    <a href="#/third">第三个页面</a>
  </div>
), _react_runner_);
```
---demoend

## props

| params  | type | default | description |
| --- | --- | --- | --- |
| prefixCls | string | `amos-divider` | css class 前缀 |
| className | string | - | css class |
| children | ReactNode | - | 内容 |
| type | string | horizontal | 分割付类型，默认水平分隔符， 可选值'horizontal', 'vertical' |
| dashed | boolean | false | 是否为虚线 |