mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 11:10:01 +08:00
218e1cea3d
The divider border style can be either solid, dashed or dotted based on the variant props. The default value is solid. Signed-off-by: Pinaki Raj <pinakiraj15@gmail.com>
29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { Divider } from 'antd';
|
|
|
|
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 style={{ borderColor: '#7cb305' }}>Solid</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 variant="dotted" style={{ borderColor: '#7cb305' }}>Dotted</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 variant="dashed" style={{ borderColor: '#7cb305' }} dashed >Dashed</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>
|
|
</>
|
|
);
|
|
|
|
export default App;
|