input--button.html.twig in Open Social 8.9

Theme suggestion for "button" input form element.

Available variables:

• attributes: A list of HTML attributes for the input element.
• children: Optional additional rendered elements.
• icon: An icon.
• icon_only: Flag to display only the icon and not the label.
• icon_position: Where an icon should be displayed.
• label: button label.
• prefix: Markup to display before the input element.
• suffix: Markup to display after the input element.
• type: The type of input.

See also

\Drupal\bootstrap\Plugin\Preprocess\InputButton

\Drupal\bootstrap\Plugin\Preprocess\Input

template_preprocess_input()

File

themes/socialbase/templates/form/input--button.html.twig

{% extends "input.html.twig" %}
{#
/**
 * @file
 * Theme suggestion for "button" input form element.
 *
 * Available variables:
 * - attributes: A list of HTML attributes for the input element.
 * - children: Optional additional rendered elements.
 * - icon: An icon.
 * - icon_only: Flag to display only the icon and not the label.
 * - icon_position: Where an icon should be displayed.
 * - label: button label.
 * - prefix: Markup to display before the input element.
 * - suffix: Markup to display after the input element.
 * - type: The type of input.
 *
 * @see \Drupal\bootstrap\Plugin\Preprocess\InputButton
 * @see \Drupal\bootstrap\Plugin\Preprocess\Input
 * @see template_preprocess_input()
 *
 * @ingroup templates
 */
#}
{% spaceless %}
  {% block input %}
    {% if icon_only %}
      <button{{ attributes.addClass(classes, 'icon-only') }}>
        <span class="sr-only">{{ label }}</span>
        {{ icon }}
      </button>
    {% else %}
      {% if icon_position == 'after' %}
        <button{{ attributes.addClass(classes) }}>{{ label }}{{ icon }}{{ element.caret }}</button>{{ children }}
      {% else %}
        <button{{ attributes.addClass(classes) }}>{{ icon }}{{ label }}{{ element.caret }}</button>{{ children }}
      {% endif %}
    {% endif %}
    {% if addsearchicon %}
      <span class="search-icon">
        <svg>
          <use xlink:href="#icon-search"></use>
        </svg>
      </span>
    {% endif %}
    {{ children }}
  {% endblock %}
{% endspaceless %}