# Divider

分割线

# Usage

## Basic

```tsx
import React from 'react'
import { Divider } from 'react-icecream'

export default () => {
  return (
    <>
      <p>Paragraph 1</p>
      <Divider />
      <p>Test Paragraph 2</p>
      <Divider dashed />
      <p>Paragraph 3 abcdefg</p>
    </>
  )
}
```

## 纵向

```tsx
import React from 'react'
import { Divider } from 'react-icecream'

export default () => {
  return (
    <div style={{ display: 'flex' }}>
      <div>
        <h4>这里是标题文案</h4>
        这里是文案内容，这里是文案内容，这里是文案内容，这里是文案内容。
      </div>
      <Divider vertical />
      <div>
        <h4>这里是标题文案</h4>
        这里是文案内容，这里是文案内容，这里是文案内容，这里是文案内容。
      </div>
      <Divider vertical dashed />
      <div>
        <h4>这里是标题文案</h4>
        这里是文案内容，这里是文案内容，这里是文案内容，这里是文案内容。
      </div>
    </div>
  )
}
```

<API></API>