1.4 KiB
1.4 KiB
modal
La modale permet de concentrer l’attention de l’utilisateur exclusivement sur une tâche ou un élément d’information, sans perdre le contexte de la page en cours. Ce composant nécessite une action de l’utilisateur afin d'être clôturé ou ouverte.
Dépendances
modal
└─ core
└─ link
└─ button
Utilisation
Afin d’utiliser le composant modal, il est nécessaire d’ajouter les fichiers de styles et de scripts présents dans le dossier dist dans l'ordre suivant :\n
<html>
<head>
<link href="css/core/core.min.css" rel="stylesheet">
<link href="css/link/link.min.css" rel="stylesheet">
<link href="css/button/button.min.css" rel="stylesheet">
<link href="css/modal/modal.min.css" rel="stylesheet">
</head>
<body>
<script type="text/javascript" nomodule href="js/legacy/legacy.nomodule.min.js" ></script>
<script type="module" href="js/core/core.module.min.js" ></script>
<script type="text/javascript" nomodule href="js/core/core.nomodule.min.js" ></script>
<script type="module" href="js/modal/modal.module.min.js" ></script>
<script type="text/javascript" nomodule href="js/modal/modal.nomodule.min.js" ></script>
</body>
</html>
Documentation
Consulter la documentation sur le module Modale