Package-modal_P14
npm install @kyssii_gtml/modal-lib-p14ESC.
bash
npm install @kyssii_gtml/modal-lib-p14
`
🛠️ Utilisation
`jsx
import Modal from '@kyssii_gtml/modal-lib-p14'
import '@kyssii_gtml/modal-lib-p14/dist/modal-lib-p14.css'
function App() {
const [isOpen, setIsOpen] = useState(false)
const handleStateModale = (value) => {
setIsOpen(value)
return true
}
return (
<>
Contenu de la modale
>
)
}
`
⚙️ Props
| Prop | Type | Description |
|---------------|----------|------------------------------------------|
| isOpen | boolean | Détermine si la modale est affichée |
| onStateChange | function | Fonction appelée à la fermeture de la modale |
| children | node | Contenu affiché à l’intérieur de la modale |
🚀 Lancer en local (démo)
Installer les dépendances
npm install
Builder la librairie
npm run build
Builder la démo en mode watch
npm run dev:demo
Lancer un serveur local (http://localhost:3000)
npm run serve
📁 Arborescence
`
modal-lib/
├── demo/ # Projet de démonstration
├── dist/ # Bundle généré à publier
├── src/ # Code source de la librairie
├── rollup.config.js
├── rollup.demo.config.mjs
└── ...
``