E3 Alliance Pattern Library

Topics: Default 

<div class="topic-list">
    <span class="label">
        Equity
    </span>
    <span class="label">
        Postsecondary
    </span>
</div>
 
<div class="topic-list">
    {% for topic in topics %}
            {% if hasLinks %}
            {% include "bits/badge/badge.twig" with {
                    url: topic.url,
                    postType: postType,
                    title: topic.topic
                    }
                %}
            {% else %}
                {% include "bits/label/label.twig" with {
                    title: topic,
                } %}
            {% endif %}
    {% endfor %}
</div>
 
{
  "site": {
    "name": "E3 Alliance"
  },
  "topics": [
    "Equity",
    "Postsecondary"
  ]
}
  • Content: 
    .topic-list
    display flex
    flex-wrap wrap
    grid-gap 12px

    +above(largeDeviceBreakpoint)
        grid-gap 24px
  • URL: /components/raw/topics/topics.styl
  • Filesystem Path: patterns/partials/topics/topics.styl
  • Size: 123 Bytes

No notes defined.