TP_JO2024/home/dist/component/tab
2024-03-27 17:19:37 +01:00
..
README.md final 2024-03-27 17:19:37 +01:00
tab.css final 2024-03-27 17:19:37 +01:00
tab.css.map final 2024-03-27 17:19:37 +01:00
tab.legacy.css final 2024-03-27 17:19:37 +01:00
tab.legacy.css.map final 2024-03-27 17:19:37 +01:00
tab.legacy.min.css final 2024-03-27 17:19:37 +01:00
tab.legacy.min.css.map final 2024-03-27 17:19:37 +01:00
tab.main.css final 2024-03-27 17:19:37 +01:00
tab.main.css.map final 2024-03-27 17:19:37 +01:00
tab.main.min.css final 2024-03-27 17:19:37 +01:00
tab.main.min.css.map final 2024-03-27 17:19:37 +01:00
tab.min.css final 2024-03-27 17:19:37 +01:00
tab.min.css.map final 2024-03-27 17:19:37 +01:00
tab.module.js final 2024-03-27 17:19:37 +01:00
tab.module.js.map final 2024-03-27 17:19:37 +01:00
tab.module.min.js final 2024-03-27 17:19:37 +01:00
tab.module.min.js.map final 2024-03-27 17:19:37 +01:00
tab.nomodule.js final 2024-03-27 17:19:37 +01:00
tab.nomodule.js.map final 2024-03-27 17:19:37 +01:00
tab.nomodule.min.js final 2024-03-27 17:19:37 +01:00
tab.nomodule.min.js.map final 2024-03-27 17:19:37 +01:00
tab.print.css final 2024-03-27 17:19:37 +01:00
tab.print.css.map final 2024-03-27 17:19:37 +01:00
tab.print.min.css final 2024-03-27 17:19:37 +01:00
tab.print.min.css.map final 2024-03-27 17:19:37 +01:00

tab

Le composant onglet permet aux utilisateurs de naviguer dans différentes sections de contenu au sein dune même page.

Dépendances

tab
└─ core

Utilisation

Afin dutiliser le composant tab, il est nécessaire dajouter 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/tab/tab.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/tab/tab.module.min.js" ></script>
    <script type="text/javascript" nomodule href="js/tab/tab.nomodule.min.js" ></script>
  </body>
</html>

Documentation

Consulter la documentation sur le module Onglets