Mise en exergue
- Voir la page de documentation du composant sur le Système de Design de l’État Ouvre une nouvelle fenêtre
- Voir la page d’exemple du Système de Design de l’État Ouvre une nouvelle fenêtre
Documentation du tag
Returns a highlight item. Takes a dict as parameter, with the following structure:
data_dict = {
"content": "Content of the highlight item (can include html)",
"size_class": "(Optional) string with name of text-size related classes",
"extra_classes": "(Optional) string with names of extra classes",
}
Relevant size_classes:
village-text--sm
village-text--lg
Relevant extra_classes
:
- Color classes (See the list), for example
village-highlight--green-emeraude
All of the keys of the dict can be passed directly as named parameters of the tag.
Tag name: village_highlight
Usage:
{% village_highlight data_dict %}
Exemples
Données
{'content': 'Contenu de la mise en exergue', 'size_class': 'village-text--sm'}
Résultat
Contenu de la mise en exergue
Données
{'content': 'Mise en exergue avec bordure colorée', 'extra_classes': 'village-highlight--green-emeraude'}
Résultat
Mise en exergue avec bordure colorée