TP_JO2024/home/dist/component/card/README.md
2024-03-27 17:19:37 +01:00

1.5 KiB
Raw Blame History

card

La carte donne des aperçus cliquables dune page de contenu à lutilisateur. Elle fait généralement partie d'une collection ou liste daperçus de contenu similaires. La carte nest jamais présentée de manière isolée.

Dépendances

card
└─ core
└─ link
└─ badge
└─ button
└─ tag

Utilisation

Afin dutiliser le composant card, 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/link/link.min.css" rel="stylesheet">
    <link href="css/button/button.min.css" rel="stylesheet">
    <link href="css/badge/badge.min.css" rel="stylesheet">
    <link href="css/tag/tag.min.css" rel="stylesheet">
    <link href="css/card/card.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/card/card.module.min.js" ></script>
    <script type="text/javascript" nomodule href="js/card/card.nomodule.min.js" ></script>
  </body>
</html>

Documentation

Consulter la documentation sur le module Carte