@team-devmonster/react-modal NPM

@team-devmonster/react-modal

This is simple react modal. This can use like react-native modal.

author: devmonster

We are always looking for investment or assistance. hompage: https://devmonster.co.kr email: aldegad@devmonster.co.kr

items

Getting started

$ npm install @team-devmonster/react-modal@latest

Examples

Easy. Too Easy.

usage

import React, { useState } from "react";
import { Modal } from "@team-devmonster/react-modal";

export const AnyComponent = ({ visible, onRequestClose }) => {

  const [visible, setVisible] = useState(false);
  
  return (
    <>
      <Button 
        onClick={() => setVisible(true)}
        fill="outline">
        react-modal
      </Button>
      <Modal visible={visible} onRequestClose={() => console.log('on request close')}>
        <Div style={{ position: 'fixed', top: 0, left: 0, width: '100%', height: '100%' }}>
          <P>devmonster's react-modal</P>
          <Button onClick={() => { setVisible(false) }}>close</Button>
        </Div>
      </Modal>
    </>
  )
}