rjs-simple-modal

create-react-library

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

| Props | Type | Required | Default | Description | | :--------------- |:---------------:| :---------------:| :---------------:| -----:| | showModal | Bool | Required | False | State allows you to display the modal | | Close | Function | Required | - | Function allows you to remove the modal | | title | String | Required | - | Add title modal | | children | String | Required | - | Add content modal |

License

MIT © Mkiera972