{% load css_tags %}{% block_css 'enap_designsystem/blocks/tags.css' %}
{% load static %}
{% block content %}

<div class="tag-icon-label">
    <span class="material-symbols-outlined"> star</span>
    Label
    <span class="material-symbols-outlined"> star</span>
    <span class="material-symbols-outlined"> star</span>
    </div>
    
    <div style="height: 50px;"></div>
    
    <div class="tag-icon-label secundary">
        <span class="material-symbols-outlined"> star</span>
        Label
        <span class="material-symbols-outlined"> star</span>
        <span class="material-symbols-outlined"> star</span>
    </div>
    
    <div style="height: 50px;"></div>
    
    <div class="tag-icon-label medium">
        <span class="material-symbols-outlined"> star</span>
        Label
        <span class="material-symbols-outlined"> star</span>
        <span class="material-symbols-outlined"> star</span>
        </div>
    
        <div style="height: 50px;"></div>
    
        <div class="tag-icon-label secundary medium">
            <span class="material-symbols-outlined"> star</span>
            Label
            <span class="material-symbols-outlined"> star</span>
            <span class="material-symbols-outlined"> star</span>
    </div>
    
    <div style="height: 50px;"></div>
    
    <div class="tag-icon-label terciary">
        <span class="material-symbols-outlined"> star</span>
        Label
        <span class="material-symbols-outlined"> star</span>
        <span class="material-symbols-outlined"> star</span>
    </div>