| .. | ||
| README.md | ||
| segmented.css | ||
| segmented.css.map | ||
| segmented.legacy.css | ||
| segmented.legacy.css.map | ||
| segmented.legacy.min.css | ||
| segmented.legacy.min.css.map | ||
| segmented.main.css | ||
| segmented.main.css.map | ||
| segmented.main.min.css | ||
| segmented.main.min.css.map | ||
| segmented.min.css | ||
| segmented.min.css.map | ||
| segmented.module.js | ||
| segmented.module.js.map | ||
| segmented.module.min.js | ||
| segmented.module.min.js.map | ||
| segmented.nomodule.js | ||
| segmented.nomodule.js.map | ||
| segmented.nomodule.min.js | ||
| segmented.nomodule.min.js.map | ||
segmented
Le composant "contrôle segmenté" incite l'utilisateur à choisir entre plusieurs options d'affichage disponibles (vues), mutuellement exclusives avec une valeur sélectionnée par défaut.
Dépendances
segmented
└─ core
└─ form
Utilisation
Afin d’utiliser le composant segmented, 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/form/form.min.css" rel="stylesheet">
<link href="css/segmented/segmented.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/segmented/segmented.module.min.js" ></script>
<script type="text/javascript" nomodule href="js/segmented/segmented.nomodule.min.js" ></script>
</body>
</html>
Documentation
Consulter la documentation sur le module Contrôle segmenté