ant-design/components/modal/demo/wireframe.tsx
afc163 cece6e27df
style: fix Modal.confirm description long text layout (#45212)
* style: fix Modal.confirm description long text layout

* demo: update Modal demos
2023-10-08 16:38:54 +08:00

22 lines
738 B
TypeScript

import React from 'react';
import { ConfigProvider, Modal } from 'antd';
/** Test usage. Do not use in your production. */
const { _InternalPanelDoNotUseOrYouWillBeFired: InternalPanel } = Modal;
export default () => (
<ConfigProvider theme={{ token: { wireframe: true } }}>
<div style={{ display: 'flex', flexDirection: 'column', rowGap: 16 }}>
<InternalPanel title="Hello World!" style={{ width: '100%' }}>
Hello World?!
</InternalPanel>
<InternalPanel type="success" style={{ width: 200 }}>
A good news!
</InternalPanel>
<InternalPanel title="Confirm This?" type="confirm" style={{ width: 300 }}>
Some descriptions.
</InternalPanel>
</div>
</ConfigProvider>
);