1.0.1 • Published 4 years ago

rjs-simple-modal v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

rjs-simple-modal

create-react-library

NPM JavaScript Style Guide

Install

npm install --save rjs-simple-modal

Usage

import React from 'react'
import { Modal,useModal } from 'rjs-simple-modal'
import 'rjs-simple-modal/dist/index.css'

function App() {
  const { showModal, Toggle } = useModal();
  return (
    <div className="App">
      <div className="demo">
        <h1>REACT SIMPLE MODAL</h1>
        <button type="button" onClick={()=>{Toggle()}}>
                Simple Modal
        </button>
      </div>
      <Modal show={showModal} close={Toggle} title="My Modal">je suis une modal</Modal>
    </div>
  );
}

export default App;

Usage Public directory

Add modal in the index.html

    <div id="modal"></div>
    <div id="root"></div>

Props

PropsTypeRequiredDefaultDescription
showModalBoolRequiredFalseState allows you to display the modal
CloseFunctionRequired-Function allows you to remove the modal
titleStringRequired-Add title modal
childrenStringRequired-Add content modal

License

MIT © Mkiera972