ant-design/components/divider/demo/customize-style.tsx
二货爱吃白萝卜 37c83beeca
fix: Divider horizontal line align (#39339)
* fix: divider hor align

* test: Update snapshot
2022-12-07 14:25:26 +08:00

23 lines
720 B
TypeScript

import React from 'react';
import { Divider } from 'antd';
const App: React.FC = () => (
<>
<Divider style={{ borderWidth: 2, borderColor: '#7cb305' }} />
<Divider style={{ borderColor: '#7cb305' }} dashed />
<Divider style={{ borderColor: '#7cb305' }} dashed>
Text
</Divider>
<Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} />
<Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} dashed />
<div style={{ display: 'flex', flexDirection: 'column', height: 50, boxShadow: '0 0 1px red' }}>
<Divider style={{ background: 'rgba(0,255,0,0.05)' }} orientation="left">
Text
</Divider>
</div>
</>
);
export default App;