ant-design/components/divider/demo/horizontal.md
偏右 1dab17eef0
feat: 💄 Divider support plain for lighter style (#23405)
* 💄 Divider support `asHeading` for lighter style

*  fix demo snapshot

* docs: 📖 Divider asHeading documentation

* fix tsd

*  fix demo snapshot

* asHeading to plain

*  fix demo snapshot

* fix css
2020-04-21 14:16:33 +08:00

39 lines
881 B
Markdown

---
order: 0
title:
zh-CN: 水平分割线
en-US: Horizontal
---
## zh-CN
默认为水平分割线,可在中间加入文字。
## en-US
Divider is `horizontal` by default. You can add text within Divider.
```jsx
import { Divider } from 'antd';
ReactDOM.render(
<>
<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>
<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>
<Divider dashed />
<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>
</>,
mountNode,
);
```