Skip to content

Commit

Permalink
Update card component
Browse files Browse the repository at this point in the history
Add end detail zone
  • Loading branch information
hjonin committed Feb 7, 2024
1 parent 6a9cda8 commit 081ccda
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 1 deletion.
5 changes: 5 additions & 0 deletions _includes/components/card.njk
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,11 @@
<p class="fr-card__detail">{{ card.detail }}</p>
{% endif %}
</div>
{% if card.detailEnd %}
<div class="fr-card__end">
<p class="fr-card__detail">{{ card.detailEnd }}</p>
</div>
{% endif %}
</div>
<div class="fr-card__footer">
{% if card.externalUrl %}
Expand Down
5 changes: 4 additions & 1 deletion content/fr/blog/posts/carte.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,8 @@ Le format complet de l'objet en paramètre est le suivant :
"title": "string",
"description": "string",
"tags": "string[]",
"date": "Date",
"date | detail": "Date | string",
"detailEnd": "string",
"badges": "string[]",
"image": {
"src | path": "string",
Expand All @@ -55,6 +56,8 @@ Si `card.externalUrl` est utilisé, `card.url` doit être `false`. `card.urlDesc

`image.src` est le chemin de l'image dans le site. `image.path` peut être utilisé à la place de `image.src` en spécifiant le chemin relatif du fichier depuis l'emplacement de la page dans le dépôt (ex. `path : "../../../../public/img/placeholder.16x9.png"`). Cela permet de bénéficier du [plugin Image d'Eleventy](https://www.11ty.dev/docs/plugins/image/).

`date` et `detail` ne peuvent pas être renseignés simultanément car les deux utilisent la même zone de détail (haute).

## Rendu

{% from "components/component.njk" import component with context %}
Expand Down

0 comments on commit 081ccda

Please sign in to comment.