Cards (Cartes)


Présentation

La carte est un lien vers une page éditoriale dont elle donne un aperçu.

Consultez la documentation complète d'une carte DSFR et des medias .

Exemple

Voici un aperçu du composant card DSFR :

Paramètres

Utilisez les paramètres suivants pour personnaliser la carte :

  • title : Titre de la carte
  • description : Description de la carte
  • image : Lien vers le fichier de l'image
  • image_ratio : Ratio de l'image (16x9 par défaut)
  • labels : Liste de labels et de liens
  • col_md : Taille de la carte de 1 à 12 (par défaut 3)
  • margin_x : Margin left et right (aucun par défaut)
  • margin_y : Margin top et bottom (aucun par défaut)
[
    {
        "title": "Titre1",
        "description": "Description1",
        "image": "assets/images/mkdocs.png",
        "image_ratio": "1x1",
        "labels": [
            {
                "name": "Google",
                "link": "https://google.fr"
            },
            {
                "name": "Test",
                "link": "https://test.fr"
            }
        ],
        "col_md": 3,
        "margin_x": 1,
        "margin_y": 1
    }
]