2023-08-11 13:43:44 +08:00
|
|
|
import React from 'react';
|
|
|
|
import { ConfigProvider, Divider } from 'antd';
|
|
|
|
|
|
|
|
const App: React.FC = () => (
|
|
|
|
<ConfigProvider
|
|
|
|
theme={{
|
|
|
|
token: {
|
|
|
|
margin: 24,
|
|
|
|
marginLG: 48,
|
|
|
|
lineWidth: 5,
|
|
|
|
colorSplit: '#1677ff',
|
|
|
|
},
|
|
|
|
components: {
|
|
|
|
Divider: {
|
|
|
|
verticalMarginInline: 16,
|
|
|
|
textPaddingInline: 16,
|
|
|
|
orientationMargin: 0.2,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
<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>Text</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>
|
2023-09-07 17:56:55 +08:00
|
|
|
<Divider orientation="left">Left Text</Divider>
|
2023-08-11 13:43:44 +08:00
|
|
|
<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>
|
2023-09-07 17:56:55 +08:00
|
|
|
<Divider orientation="right">Right Text</Divider>
|
2023-08-11 13:43:44 +08:00
|
|
|
<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>
|
2023-09-07 17:56:55 +08:00
|
|
|
<Divider orientation="left" orientationMargin="0">
|
2023-08-11 13:43:44 +08:00
|
|
|
Left Text with 0 orientationMargin
|
|
|
|
</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>
|
2023-09-07 17:56:55 +08:00
|
|
|
<Divider orientation="right" orientationMargin={50}>
|
2023-08-11 13:43:44 +08:00
|
|
|
Right Text with 50px orientationMargin
|
|
|
|
</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>
|
|
|
|
</ConfigProvider>
|
|
|
|
);
|
|
|
|
|
|
|
|
export default App;
|