tag

Information

Folder
src/components/patterns/tags/tag

Files

Schema
Mocks
Template
// src/components/patterns/tags/tag/tag.twig

{% set tag_classes = ['Tag'] %}
{% if disabled %}
	{% set tag_classes = tag_classes|merge(['Tag--disabled']) %}
{% endif %}

{% if url %}
	<a class="{{ tag_classes|join(' ') }}" href="{{ url }}" {% if disabled %}aria-disabled="true"{% endif %}>{{ label }}</a>
{% else %}
	<span class="{{ tag_classes|join(' ') }}">{{ label }}</span>
{% endif %}

Error: schema is invalid: data/properties must be object

Variants

default
Open

default mock data

Raw
Resolved
Default tag (enabled)
Open

Default tag (enabled) mock data

Raw
Resolved
Tag link
Open

Tag link mock data

Raw
Resolved
Disabled tag
Open

Disabled tag mock data

Raw
Resolved
Disabled tag link
Open

Disabled tag link mock data

Raw
Resolved
Topic tag
Open

Topic tag mock data

Raw
Resolved
Long tag
Open

Long tag mock data

Raw
Resolved
Short tag
Open

Short tag mock data

Raw
Resolved
With link
Open

With link mock data

Raw
Resolved