React Single Modal Library

This library is intended to works with React

Installation

To install the library, use the following command :

npm i simple-react-modal-library

Props

This components have 3 props :

• text (string) : The Text inside modal
• show (boolean) : Is the modal is shown or not
• hideModal (function) : Trigger when button pushed (Expected to hide the modal)

Example

Usage example of modal component

import { useState } from 'react'
import { Modal } from 'simple-react-modal-library'

function ContainerUsingModal() {
  const [text, setText] = useState('')
  const [show, setShow] = useState(false)

  function openModal() {
    setText('This modal is visible')
    setShow(true)
  }

  function hideModal() {
    setShow(false)
    setText('')
  }

  return (
    <div>
      <button onClick={openModal}>Show the modal</button>
      <Modal text={text} show={show} hideModal={hideModal} />
    </div>
  )
}

export default ContainerUsingModal