1.4.8 • Published 1 year ago
julien-easy-modal v1.4.8
julien-easy-modal
julien-easy-modal est un composant REACT. Ce composant est uniquement utilisable sur une stack reactJS.
Install
$ npm i julien-easy-modal
Import
import Modal from "julien-easy-modal";
utilisation
Pour ouvrir ou fermer la modal, il faut lui passer un state de type boolean
et son setteur dans les props isOpen
et setIsOpen
Defaut
const [isOpen, setIsOpen] = useState(false)
...
<Modal setIsOpen={setIsOpen} isOpen={isOpen}>
<p>Texte personalisé<p>
<button className="close-modal" onClick={()=>{setIsOpen(false)}}>fermer</button>
<Modal/>
Close texte
<Modal isOpen={isOpen} setIsOpen={setIsOpen}>
<p onClick={()=>setIsOpen(false)}>Fermer la modal<p>
<button className="close-modal" onClick={()=>{setIsOpen(false)}}>fermer</button>
<Modal/>
Remove closing cross
<Modal isOpen={isOpen} setIsOpen={setIsOpen} closingCross={false}>
<p>Texte personalisé<p>
<button className="close-modal" onClick={()=>{setIsOpen(false)}}>fermer</button>
<Modal/>
Edit closing button
<Modal isOpen={isOpen} setIsOpen={setIsOpen} editClose="!">
<p>Texte personalisé<p>
<button className="close-modal" onClick={()=>{setIsOpen(false)}}>fermer</button>
<Modal/>
fadeDuration and fadeDelay
<Modal setIsOpen={setIsOpen} isOpen={isOpen} fadeDuration={500} fadeDelay={10}>
<p>Texte personalisé<p>
<button className="close-modal" onClick={()=>{setIsOpen(false)}}>fermer</button>
<Modal/>
julien-easy-modal
1.4.8
1 year ago
1.4.7
1 year ago
1.4.6
1 year ago
1.4.5
1 year ago
1.4.4
1 year ago
1.4.3
1 year ago
1.4.2
1 year ago
1.4.1
1 year ago
1.4.0
1 year ago
1.3.9
1 year ago
1.3.8
1 year ago
1.3.7
1 year ago
1.3.6
1 year ago
1.3.5
1 year ago
1.3.4
1 year ago
1.3.3
1 year ago
1.3.2
1 year ago
1.3.1
1 year ago
1.3.0
1 year ago
1.2.9
1 year ago
1.2.8
1 year ago
1.2.7
1 year ago
1.2.6
1 year ago
1.2.5
1 year ago
1.2.4
1 year ago
1.2.3
1 year ago
1.2.2
1 year ago
1.2.1
1 year ago
1.2.0
1 year ago
1.1.9
1 year ago
1.1.8
1 year ago
1.1.7
1 year ago
1.1.6
1 year ago
1.1.5
1 year ago
1.1.4
1 year ago
1.1.3
1 year ago
1.1.2
1 year ago
1.1.1
1 year ago
1.1.0
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
1.0.2
1 year ago
1.0.1
1 year ago
1.0.0
1 year ago