templates/component/button.html.twig line 1

Open in your IDE?
  1. {% import 'macros/utils.macro.twig' as utils %}
  3. {# Options #}
  4. {% set tag = tag|default('a') %}
  5. {% set text = text|default(null) %}
  6. {% set icon_before = icon_before|default(null) %}
  7. {% set icon_after = icon_after|default(null) %}
  9. {% set attr = attr|deep_merge({ class: 'btn' }) %}
  11. {% set type = type|default("primary") %}
  12. {% set types = {
  13.   primary: "btn-primary",
  14.   secondary: "btn-secondary",
  15.   neutral: "btn-neutral",
  16. } %}
  17. {% set attr = attr|deep_merge({
  18.   class: types[type]
  19. }) %}
  21. {% set size = size|default("base") %}
  22. {% set sizes = {
  23.   small: "btn-sm",
  24.   base: "",
  25. } %}
  26. {% set attr = attr|deep_merge({
  27.   class: sizes[size]
  28. }) %}
  30. <{{tag}} {{- utils.attributes(attr) -}}>
  31.   {% if icon_before %}
  32.     {% include "icons/" ~ icon_before ~ ".svg.twig" with { class: "w-4 h-4 text-white" } only %}
  33.   {% endif %}
  34.   <span class="flex-1">{{- text|raw -}}</span>
  35.   {% if icon_after %}
  36.     {% include "icons/" ~ icon_after ~ ".svg.twig" with { class: "w-4 h-4 text-white" } only %}
  37.   {% endif %}
  38. </{{tag}}>