{% extends 'layout/default.html.twig' %}

{% block title %}Components{% endblock%}

{% block content %}

  {% include 'partials/tabs.html.twig' %}

  <Container>

    <Grid cols="{{ { mobile: 2, tablet: 3 } }}" elementType="ul">

      {% for component in components %}
        <li class="d-grid">
          <a href="components/{{ component | lower }}/" class="docs-Card text-truncate">
            {{ component }}
          </a>
        </li>
      {% endfor %}

    </Grid>

  </Container>

{% endblock %}
