ant-design/components/divider/demo/horizontal.md
2022-05-21 22:14:15 +08:00

928 B

order title
0
zh-CN en-US
水平分割线 Horizontal

zh-CN

默认为水平分割线,可在中间加入文字。

en-US

Divider is horizontal by default. You can add text within Divider.

import { Divider } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <>
    <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>
  </>
);

export default App;