mael/TP_JO2024
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
TP_JO2024/home/dist/component/header
History
Maël Gramain 0dd1cd7a1c final
2024-03-27 17:19:37 +01:00
..
header.css final 2024-03-27 17:19:37 +01:00
header.css.map final 2024-03-27 17:19:37 +01:00
header.legacy.css final 2024-03-27 17:19:37 +01:00
header.legacy.css.map final 2024-03-27 17:19:37 +01:00
header.legacy.min.css final 2024-03-27 17:19:37 +01:00
header.legacy.min.css.map final 2024-03-27 17:19:37 +01:00
header.main.css final 2024-03-27 17:19:37 +01:00
header.main.css.map final 2024-03-27 17:19:37 +01:00
header.main.min.css final 2024-03-27 17:19:37 +01:00
header.main.min.css.map final 2024-03-27 17:19:37 +01:00
header.min.css final 2024-03-27 17:19:37 +01:00
header.min.css.map final 2024-03-27 17:19:37 +01:00
header.module.js final 2024-03-27 17:19:37 +01:00
header.module.js.map final 2024-03-27 17:19:37 +01:00
header.module.min.js final 2024-03-27 17:19:37 +01:00
header.module.min.js.map final 2024-03-27 17:19:37 +01:00
header.nomodule.js final 2024-03-27 17:19:37 +01:00
header.nomodule.js.map final 2024-03-27 17:19:37 +01:00
header.nomodule.min.js final 2024-03-27 17:19:37 +01:00
header.nomodule.min.js.map final 2024-03-27 17:19:37 +01:00
header.print.css final 2024-03-27 17:19:37 +01:00
header.print.css.map final 2024-03-27 17:19:37 +01:00
header.print.min.css final 2024-03-27 17:19:37 +01:00
header.print.min.css.map final 2024-03-27 17:19:37 +01:00
README.md final 2024-03-27 17:19:37 +01:00

README.md

header

L’en-tête permet aux utilisateurs d’identifier sur quel site ils se trouvent. Il peut donner accès à la recherche et à certaines pages ou fonctionnalités clés.

Dépendances

header
└─ core
└─ link
└─ logo
└─ badge
└─ button
└─ translate
└─ navigation
└─ modal
└─ search

Utilisation

Afin d’utiliser le composant header, 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/logo/logo.min.css" rel="stylesheet">
    <link href="css/form/form.min.css" rel="stylesheet">
    <link href="css/badge/badge.min.css" rel="stylesheet">
    <link href="css/navigation/navigation.min.css" rel="stylesheet">
    <link href="css/modal/modal.min.css" rel="stylesheet">
    <link href="css/input/input.min.css" rel="stylesheet">
    <link href="css/translate/translate.min.css" rel="stylesheet">
    <link href="css/search/search.min.css" rel="stylesheet">
    <link href="css/header/header.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/navigation/navigation.module.min.js" ></script>
    <script type="text/javascript" nomodule href="js/navigation/navigation.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>
    <script type="module" href="js/header/header.module.min.js" ></script>
    <script type="text/javascript" nomodule href="js/header/header.nomodule.min.js" ></script>
  </body>
</html>

Documentation

Consulter la documentation sur le module En-tête