0.1.2 • Published 1 year ago

modal-react-virginie v0.1.2

Weekly downloads
-
License
-
Repository
github
Last release
1 year ago

Modal

Install

Install using npm i modal-react-virginie

Usage

In a React app, use the Modal components: import { Modal } from 'modal-react-virginie'

Modal props

NameDescription
backgroundBoolean (optional)
btnCloseBoolean (optional)
onClosefunction
closefunction
isOpenBoolean

Example

import React, { useState } from "react";
import { Modal } from "modal-react-virginie";

function App() {
  const [isOpen, setIsOpen] = useState(false);

  const toggleModal = () => setIsOpen(!isOpen);

  return (
    <>
      <main>
        <button className="btn-click" onClick={toggleModal}>
          CLICK ME
        </button>
     
          <Modal  isOpen={isOpenModal} background close onClose={toggleModal}>
            <p>Your Message here !</p>
          </Modal>
        
      </main>
    </>
  );
}

export default App;