@plutojs/modal v2.2.6

@plutojs/modal

基础模态框组件

页面组件引用

import React, { useState } from 'react';
import Modal from '@plutojs/modal';
import '@plutojs/modal/build/index.css';

const [isOpened, setIsOpened] = useState(false);

<Modal
  isOpened={isOpened}
  position="center"
  isMask={true}
  isLock={true}
  closeOnClickOverlay={true}
  onHide={() => { setIsOpened(false); }}>
  <div className="modal-demo-text">模态框内容</div>
</Modal>

代码动态引用

const { destroy } = Modal.popup({
  children: <div className="modal-demo-text">文字内容</div>,
  isOpened: true,
  position: 'center',
  isMask: true,
  isLock: true,
  closeOnClickOverlay; true,
  onHide: () => { destroy(); },
});