webform-composite-name.html.twig in Webform 8.5

Default theme implementation of a name composite webform element.

Available variables:

• content: The name webform element to be output.
• flexbox: Determines if Flexbox layout should be applied to the composite element.

See also

template_preprocess_webform_composite_name()

1 theme call to webform-composite-name.html.twig

WebformName::getInfo in src/Element/WebformName.php

Returns the element properties for this element.

File

templates/webform-composite-name.html.twig

{#
/**
 * @file
 * Default theme implementation of a name composite webform element.
 *
 * Available variables:
 * - content: The name webform element to be output.
 * - flexbox: Determines if Flexbox layout should be applied to the composite
 *   element.
 *
 * @see template_preprocess_webform_composite_name()
 *
 * @ingroup themeable
 */
#}
{% if flexbox %}
<div class="webform-name">
  <div class="webform-flexbox">
    {% if content.title %}
      <div class="webform-flex webform-flex--2 webform-name__title"><div class="webform-flex--container">{{ content.title }}</div></div>
    {% endif %}
    {% if content.first %}
      <div class="webform-flex webform-flex--3 webform-name__first"><div class="webform-flex--container">{{ content.first }}</div></div>
    {% endif %}
    {% if content.middle %}
      <div class="webform-flex webform-flex--2 webform-name__middle"><div class="webform-flex--container">{{ content.middle }}</div></div>
    {% endif %}
    {% if content.last %}
      <div class="webform-flex webform-flex--3 webform-name__last"><div class="webform-flex--container">{{ content.last }}</div></div>
    {% endif %}
    {% if content.suffix %}
      <div class="webform-flex webform-flex--1 webform-name__suffix"><div class="webform-flex--container">{{ content.suffix }}</div></div>
    {% endif %}
    {% if content.degree %}
      <div class="webform-flex webform-flex--1 webform-name__degree"><div class="webform-flex--container">{{ content.degree }}</div></div>
    {% endif %}
  </div>
</div>
{% else %}
  {{ content }}
{% endif %}