vendor/easycorp/easyadmin-bundle/templates/components/Button.html.twig line 1

Open in your IDE?
  1. {% props
  2. variant = 'default', # primary|default|danger|success|warning (default: 'default')
  3. isInvisible = false, # true|false (default: false) if true, button has transparent background and no border
  4. isBlock = false, # true|false (default: false) if true, button takes full width of container
  5. size = 'md', # sm|md|lg (default: 'md')
  6. icon = null, # icon name string (e.g., 'tabler:user' or 'fa fas fa-user')
  7. withTrailingIcon = false, # boolean to show icon after label (default: false)
  8. inactive = false, # boolean to disable the button (default: false)
  9. htmlElement = 'button', # button|a|form (default: 'button')
  10. htmlAttributes = {}, # additional HTML attributes as key-value pairs
  11. href = '#', # URL for link buttons (default: '#')
  12. action = null, # form action URL (for htmlElement='form')
  13. method = 'POST', # HTTP method for forms (default: 'POST')
  14. type = null, # button|submit (default: 'submit') button type attribute
  15. name = null, # form button name attribute
  16. value = null, # form button value attribute
  17. %}
  19. {# handle both string and enum values #}
  20. {% set html_element_value = htmlElement.value is defined ? htmlElement.value : htmlElement %}
  21. {% set variant_value = variant.value is defined ? variant.value : variant %}
  23. {% set variant_class = variant_value == 'default' ? 'btn-secondary' : 'btn-' ~ variant_value %}
  24. {% set size_class = size == 'md' ? '' : 'btn-' ~ size %}
  25. {% set css_class = html_classes('btn', variant_class, size_class, {
  26. 'btn-invisible': isInvisible,
  27. 'btn-block': isBlock,
  28. disabled: inactive,
  29. }) %}
  31. {% if html_element_value == 'a' %}
  32. <a {{ attributes.only('class').defaults({class: css_class}) }}
  33. href="{{ inactive ? '#' : href }}"
  34. role="button"
  35. {% if inactive %}aria-disabled="true" tabindex="-1"{% endif %}
  36. {% for attrName, attrValue in htmlAttributes %}{{ attrName }}="{{ (attrValue.trans is defined ? attrValue|trans : attrValue)|e('html') }}" {% endfor %}
  37. {{ attributes.without('class', 'href', 'role', 'aria-disabled', 'tabindex')|raw }}>
  38. {% if icon and not withTrailingIcon %}
  39. <twig:ea:Icon name="{{ icon }}" class="btn-icon" />
  40. {% endif %}
  41. {% if block('content') is defined %}
  42. <span {{ attributes.nested('label').defaults({class: 'btn-label'}) }}>{{ block('content') }}</span>
  43. {% endif %}
  44. {% if icon and withTrailingIcon %}
  45. <twig:ea:Icon name="{{ icon }}" class="btn-icon btn-icon-trailing" />
  46. {% endif %}
  47. </a>
  48. {% elseif html_element_value == 'form' %}
  49. <form action="{{ action }}" method="{{ method }}" {{ attributes.only('id', 'class', 'data-*') }}>
  50. {% if method|upper not in ['GET', 'POST'] %}
  51. <input type="hidden" name="_method" value="{{ method|upper }}">
  52. {% endif %}
  54. <button {{ attributes.only('class').defaults({class: css_class}) }}
  55. type="{{ type ?? 'submit' }}"
  56. {% if name %}name="{{ name }}"{% endif %}
  57. {% if value %}value="{{ value }}"{% endif %}
  58. {% if inactive %}disabled="disabled"{% endif %}
  59. {% for attrName, attrValue in htmlAttributes %}{{ attrName }}="{{ (attrValue.trans is defined ? attrValue|trans : attrValue)|e('html') }}" {% endfor %}
  60. {{ attributes.without('class', 'form', 'type', 'name', 'value', 'disabled')|raw }}
  61. >
  62. {% if icon and not withTrailingIcon %}
  63. <twig:ea:Icon name="{{ icon }}" class="btn-icon" />
  64. {% endif %}
  65. {% if block('content') is defined %}
  66. <span {{ attributes.nested('label').defaults({class: 'btn-label'}) }}>{{ block('content') }}</span>
  67. {% endif %}
  68. {% if icon and withTrailingIcon %}
  69. <twig:ea:Icon name="{{ icon }}" class="btn-icon btn-icon-trailing" />
  70. {% endif %}
  71. </button>
  72. </form>
  73. {% else %}
  74. <button {{ attributes.only('class').defaults({class: css_class}) }}
  75. type="{{ type ?? 'submit' }}"
  76. {% if inactive %}disabled="disabled"{% endif %}
  77. {% for attrName, attrValue in htmlAttributes %}{{ attrName }}="{{ (attrValue.trans is defined ? attrValue|trans : attrValue)|e('html') }}" {% endfor %}
  78. {{ attributes.without('class', 'type', 'disabled')|raw }}>
  79. {% if icon and not withTrailingIcon %}
  80. <twig:ea:Icon name="{{ icon }}" class="btn-icon" />
  81. {% endif %}
  82. {% if block('content') is defined %}
  83. <span {{ attributes.nested('label').defaults({class: 'btn-label'}) }}>{{ block('content') }}</span>
  84. {% endif %}
  85. {% if icon and withTrailingIcon %}
  86. <twig:ea:Icon name="{{ icon }}" class="btn-icon btn-icon-trailing" />
  87. {% endif %}
  88. </button>
  89. {% endif %}