react-modal-library-thomas-thivolet

1.1.5 • Public • Published

modal-library

react modal library

NPM JavaScript Style Guide

Install

npm i react-modal-library-thomas-thivolet

Usage

In your App.jsx file

import React from "react"

import { Modal, useModal } from "react-modal-library-thomas-thivolet"

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

.

/react-modal-library-thomas-thivolet/

    Package Sidebar

    Install

    npm i react-modal-library-thomas-thivolet

    Weekly Downloads

    1

    Version

    1.1.5

    License

    MIT

    Unpacked Size

    5.98 MB

    Total Files

    6

    Last publish

    Collaborators

    • mwardentoumz