<button type="button" class=" btn btn-audio ">
        Label text

    </button>
{% block button %}
    {% set btn_size = size is defined ? 'btn-size-' ~ size %}
<{{ href is defined ? 'a href="' ~ href ~ '"' : 'button type="' ~ button_type|default('button') ~ '"' }} {{ external and href ? 'target="_blank" rel="noopenner noreferer"' }} {{ button_attribute }} {{ disabled is defined and disabled ? 'disabled' }} class="{{ button_class ? button_class ~ ' ' }}{{ mobile_size and mobile_size != 'default' ? 'max-md:btn-size-' ~ mobile_size  }} btn{{ color is defined ? ' btn-' ~ color }} {{ mobile_size == 'default' ? 'md:' ~ btn_size : btn_size  }}{{ type is defined and type != 'classic' and type != 'all-icons' and type != 'leading-icon' and type != 'trailing-icon' ? ' btn-' ~ type }}{{ type == 'all-icons' or type == 'leading-icon' or type == 'trailing-icon' ? ' btn-icons' }}">
    {% block leading_icon %}
    {% if (type == 'only-icon' or type == 'all-icons' or type == 'leading-icon' ) %}
        {% render "@icons-" ~ icon.name|default("library--user-team") with {size: icon.size,iconClass: icon.class} %}
    {% endif %}
    {% endblock %}
    {% if (type != 'only-icon' ) %}
        {{ label }}
    {% endif %}

    {% block trailing_icon %}
    {% if (type == 'all-icons' or type == 'trailing-icon' ) %}
        {% render "@icons-" ~ icon.name|default("library--user-team") with {size: icon.size,iconClass: icon.class} %}
    {% endif %}
    {% endblock %}

</{{ href is defined ? 'a' : 'button' }}>
{% endblock %}
{
  "label": "Label text",
  "type": "classic",
  "color": "audio"
}

No notes defined.