draggable-antd-modal

0.0.3 • Public • Published

draggable-antd-modal

基于antd的可拖拽模态框。

Usage

基于antd的可拖拽弹窗,通过draggable参数控制,其他配置等同antd

npm install -S draggable-antd-modal
    const [visible, setVisible] = React.useState(false);
    return [
        <Button type="primary" onClick={()=>{
            setVisible(true);
        }}>打开弹窗</Button>,
        <DraggableAntdModal visible={visible} title="可拖拽弹窗" draggable onCancel={()=>{
            setVisible(false);
        }} onOk={()=>{
            setVisible(false);
        }}>
            <div>基于antd的可拖拽弹窗,通过draggable参数控制,其他配置等同<Button type="link" href="https://ant.design/components/modal-cn/" target="_blank" style={{padding:0}}>antd</Button></div>
        </DraggableAntdModal>
    ]

RUN EFFECT

image

LICENSE

MIT

Readme

Keywords

Package Sidebar

Install

npm i draggable-antd-modal

Weekly Downloads

2

Version

0.0.3

License

MIT

Unpacked Size

275 kB

Total Files

16

Last publish

Collaborators

  • litinghong