react-modal-library-rayan-dahmena

React modal library by Rayan Dahmena

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-modal-library-rayan-dahmena
1.0.73 months ago3 months agoMinified + gzip package size for react-modal-library-rayan-dahmena in KB

Readme

modal-library
react modal library

NPM JavaScript Style Guide

Install

npm i react-modal-library-rayan-dahmena

Usage

In your App.jsx file
import React from "react"

import { Modal, useModal } from "react-modal-library-rayan-dahmena"

//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

License

MIT © rayanadir