@wibmw/custom-modal

Custom Modal

An Easy React Customizable Modal

🚀 Getting Started

Using yarn:

yarn add @wibmw\custom-modal

✨ Usage

How to use CustomModal in your project:

import CustomModal  from 'custom-modal';
 
export default () => {

  // Modal Open/Close toggle
  const [isOpen, setisOpen] = useState(false)
  const toggle = () => setisOpen(!isOpen)

  return (
   <>
      {/** *********** Page ******************/}
      <main className='...'>
        <section className='...'>
            .....
        </section>
        {/** *********** Custom Modal ******************/}
        <CustomModal {...{ isOpen, toggle }} >
          <div>Successfully Registered !</div>
          <br />
          <div className='form-button' onClick={() => navigate('/next-page')}>
            Link to the next page
          </div>
        </CustomModal>
      </main>
    </>
  )
}

📌 Props

Prop	Type	Default	Required
isOpen	Boolean	false	Yes
toggle	() => void		Yes
children	ReactNode		No

✌️ License

MIT