modal-library

react modal library

Install

npm i react-modal-library-thomas-thivolet

Usage

In your App.jsx file

import React from "react"

import { Modal, useModal } from "react-modal-library-thomas-thivolet"

//Create your own component modal content
import MyComponentContent from " *your path* "

const App = () => {

  // Declare useModal hook
  const { isShowing, toggle } = useModal();

  return (
    <div>
      <button onClick={toggle}>Open Modal</button>
      <Modal element={<MyComponentContent />} isShowing={isShowing} toggle={toggle}/>
    </div>
  )
} 

MyComponentContent.jsx file

import React from "react"

const MyComponentContent = () => {
  return(
    <div>
      My modal content
    </div>
  )
}

export default MyComponentContent

.