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 %}