alphabet-index

// src/components/patterns/alphabet-index/alphabet-index.twig

{{ attach_library("circle_dot/pattern-alphabet-index") }}

{% set letters = letters|default([]) %}

<div class="AlphabetIndex">
  {% for item in letters %}
    {% set is_selected = item.selected|default(false) %}
    {% set letter = item.letter|default('') %}
    {% set href = item.href|default('#') %}

    <a
      href="{{ href }}"
      class="AlphabetIndex-letter{% if is_selected %} AlphabetIndex-letter--selected{% endif %}"
      {% if is_selected %}aria-current="page"{% endif %}
    >
      {{ letter }}
    </a>
  {% endfor %}
</div>