Tag

Documentation du tag

Returns a tag item. Takes a dict as parameter, with the following structure:

data_dict = {
    "label": "Label of the tag",
    "link": "(Optional) link of the tag",
    "onclick": "(Optional) action that happens when the tag is clicked on",
    "is_selectable": "(Optional) boolean that marks the tag as selectable",
    "is_dismissable": "(Optional) boolean that marks the tag as dismissable",
    "extra_classes: (Optional) string with names of extra classes"
}

Relevant extra_classes:

  • village-tag--sm: for a small tag
  • icon classes: an icon for the tag, along with a positional class (eg, village-icon-arrow-right-line village-tag--icon-left)

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 

{'label': 'Tag simple'}

Résultat

Tag simple

Données 

{'label': 'Tag avec lien', 'link': '/django_village/components'}

Résultat

Tag avec lien

Données 

{'extra_classes': 'village-tag--sm village-icon-arrow-right-line '
                  'village-tag--icon-left',
 'label': 'Petit tag avec icône'}

Résultat

Petit tag avec icône

Données 

{'extra_classes': 'village-icon-cursor-line village-tag--icon-right',
 'label': 'Tag avec action',
 'link': '#',
 'onclick': "alert('clicked'); return false;"}

Résultat

Tag avec action

Données 

{'is_selectable': True, 'label': 'Tag sélectionnable'}

Résultat

Données 

{'is_dismissable': True, 'label': 'Tag supprimable'}

Résultat

Données 

{'extra_classes': 'village-tag--green-emeraude',
 'label': 'Tag vert',
 'link': '#'}

Résultat

Tag vert