Plugin_modal_p14 NPM

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

Installation

npm install --save plugin_modal_p14

Usage

Import the element inside the component you want, import useEffect from react

The openModal function will open the modal for you

Exemple:

import Modal from 'plugin_modal_p14'
import { useEffect } from 'react'

function Yourfunction() {
  useEffect(() => {
    let containerModal = document.getElementById('containerModal');
    containerModal.style.display = 'none';
  }, []);

  const openModal = () => {
    let containerModal = document.getElementById('containerModal');
    containerModal.style.display = 'block';
  }

  return (
    <div>
      <Modal text={"text will be display"}/>
      <button onClick={() => openModal()}>Open modal</button>
    <div>
  )
}