ant-design/components/modal/demo/wireframe.tsx
MadCcc 7b3adcb5ae
fix: wireframe style for popconfirm (#39313)
* fix: wireframe style for popconfirm

* chore: add demos
2022-12-06 23:14:30 +08:00

22 lines
777 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%', height: 200 }}>
Hello World?!
</InternalPanel>
<InternalPanel type="success" style={{ width: 200, height: 150 }}>
A good news!
</InternalPanel>
<InternalPanel title="Confirm This?" type="confirm" style={{ width: 300, height: 200 }}>
Some descriptions.
</InternalPanel>
</div>
</ConfigProvider>
);