sallabdou-modal-react v0.1.6

sallabdou-modal-react

A simple and basic reusable modal component using react

Installation

npm install sallabdou-modal-react

Example

Voici un exemple d'implémentation :

import { useState } from 'react'
import Modal from 'sallabdou-modal-react'

const App = () => {
    const [showModal, setShowModal] = useState(false)

    const handleSubmit = (e) => {
        e.preventDefault()
        setShowModal(true)
    }

    return (
        <section className="container">
            <h1 className="title">Cliquez pour ouvrir la modale</h1>
            <form onSubmit={handleSubmit}>
                <button>Click me</button>
            </form>
            <Modal isOpen={showModal} onClose={() => setShowModal(false)}>
                <p>Voici la modale!</p>
            </Modal>
        </section>
    )
}

export default App