droop-react-modal v0.1.4

droop-modal-react

Basic React Modal component

Installation

npm i droop-modal-react

Example

import React from 'react';
import ReactDOM from 'react-dom/client';
import { useState } from 'react'
import './index.css';
import Modal from './lib/components/Modal'

function Example () {
  // Add a state to check if the modal is open
  const [isModalOpen, setIsModalOpen] = useState(false);

  return (
    <div>
      { /* Create a button to open the modal*/ }
      <button className="modalBtn" onClick={() => setIsModalOpen(true)}>Open Modal</button>
      { /* If isModalOpen is true, open the modal*/ }
      {
          isModalOpen && 
          <Modal setIsOpen={setIsModalOpen} >
              Your Content
          </Modal>   
      }
    </div>
  )
}
export default Example