<button type="button" class=" btn btn-light btn-solid btn-size-lg">
Label text
</button>
{% block button %}
{% set btn_size = size is defined ? 'btn-size-' ~ size : 'btn-size-lg' %}
<{{ href is defined ? 'a href="' ~ href ~ '"' : 'button' }}
type="{{ buttonType|default("button") }}"
{{ external and href ? 'target="_blank" rel="noopenner noreferer"
aria-label="' ~ label ~ ' (s\'ouvre dans un nouvel onglet)"' : '' }}
{{ button_attribute }} {{ createCustomAttributes(custom_button_attrs) }}
{{ disabled is defined and disabled ? 'disabled aria-disabled="true"' : '' }}
{% if icon_type == 'only-icon' %}aria-label="{{ label }}"{% elseif aria_label %}aria-label="{{ aria_label }}"{% endif %}
class="{{ button_class ? button_class ~ ' ' }} btn {{ color is defined ? ' btn-' ~ color }} {{ type is defined and type ? ' btn-' ~ type }} {{ border is defined and border ? 'btn-border' }} {{ btn_size }}{{ icon_type is defined and icon_type != 'classic' and icon_type != 'all-icons' and icon_type != 'leading-icon' and icon_type != 'trailing-icon' ? ' btn-' ~ icon_type }}{{ icon_type == 'all-icons' or icon_type == 'leading-icon' or icon_type == 'trailing-icon' ? ' btn-icons' }}">
{% block leading_icon %}
{% if (icon_type == 'only-icon' or icon_type == 'all-icons' or icon_type == 'leading-icon' ) %}
{% render "@icons-" ~ icon.name|default("heroicons--user-outline") with {size: icon.size, iconClass: icon.class, aria_hidden: icon.aria_hidden} %}
{% endif %}
{% endblock %}
{% if (icon_type != 'only-icon' ) %}
{{ label }}
{% endif %}
{% block trailing_icon %}
{% if (icon_type == 'all-icons' or icon_type == 'trailing-icon' ) %}
{% render "@icons-" ~ icon.name|default("heroicons--user-outline") with {size: icon.size, iconClass: icon.class} %}
{% endif %}
{% endblock %}
</{{ href is defined ? 'a' : 'button' }}>
{% endblock %}
{
"label": "Label text",
"type": "solid",
"icon_type": "classic",
"color": "light"
}
No notes defined.