ui2022/button--button.html.twig line 1

Open in your IDE?
  1. {% set icon = _args.icon|default(null) %}
  2. {% set text = _args.text|default(null) %}
  3. {% set image = _args.image|default(null) %}
  4. {% set type = _args.type|default('button') %}
  5. {% set styles = _args.styles|default(['default']) %}
  6. {% set dropdown = _args.dropdown|default(null) %}
  7. {% set drop = _args.drop|default('down') %}
  8. {% set modal = _args.modal|default(null) %}
  9. {% set sidepanel = _args.sidepanel|default(null) %}
  10. {% set attr = _args.attr|default({}) %}
  11. {% set churnzero = _args.churnzero|default(null) %}
  13. {% if styles is not iterable %}
  14.     {% set styles = styles|split(' ') %}
  15. {% endif %}
  16. {% if icon is not empty %}
  17.     {% set styles = styles|merge(['icon']) %}
  18. {% endif %}
  20. {% set attr = attr|merge({
  21.     class: '%s btn btn-%s %s'|format(
  22.         attr.class|default(''),
  23.         styles|join(' btn-')|trim,
  24.         (dropdown) ? 'dropdown-toggle' : ''
  25.     )|trim,
  26.     type: type,
  27.     'data-toggle': sidepanel ? 'sidepanel' : ((dropdown) ? 'dropdown' : ((modal) ? 'modal' : null)),
  28.     'data-target': sidepanel ? ('#' ~ sidepanel) : (modal ? ('#' ~ modal) : null),
  29.     'data-churnzero': churnzero and churnzero.event is defined ? churnzero.event : null,
  30.     'data-churnzero-extras': churnzero and churnzero.extras is defined ? churnzero.extras|json_encode : null,
  31. }) %}
  33. {% if dropdown %}
  34. <div class="btn-group drop{{- drop -}}">
  35. {% endif %}
  36. <button {{ attributes(attr) }}>
  37.     {% if block('content') is defined %}
  38.         {{ block('content') }}
  39.     {% else %}
  40.         {% if image %}
  41.             <img src="{{ image }}" />
  42.         {% endif %}
  43.         {% if text %}{{ text }}{% endif %}
  44.         {% if icon %}<i class="{{ icon }}"></i>{% endif %}
  45.     {% endif %}
  46. </button>
  47. {% if dropdown %}
  48.     {% include '@ui2022/dropdown__menu.html.twig' with dropdown %}
  49. </div>
  50. {% endif %}