webform-example-composite.html.twig in Webform 6.x

Default theme implementation of a webform example composite.

Available variables:

• content: The webform example composite to be output.

See also

template_preprocess_webform_example_composite()

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

WebformExampleComposite::getInfo in modules/webform_example_composite/src/Element/WebformExampleComposite.php

Returns the element properties for this element.

File

modules/webform_example_composite/templates/webform-example-composite.html.twig

{#
/**
 * @file
 * Default theme implementation of a webform example composite.
 *
 * Available variables:
 * - content: The webform example composite to be output.

 * @see template_preprocess_webform_example_composite()
 *
 * @ingroup themeable
 */
#}
{{ attach_library('webform_example_composite/webform_example_composite') }}
{% if flexbox %}
    <div class="webform-flexbox">
      {% if content.first_name %}
        <div class="webform-flex webform-flex--1"><div class="webform-flex--container">{{ content.first_name }}</div></div>
      {% endif %}
      {% if content.last_name %}
        <div class="webform-flex webform-flex--1"><div class="webform-flex--container">{{ content.last_name }}</div></div>
      {% endif %}
      {% if content.date_of_birth %}
        <div class="webform-flex webform-flex--1"><div class="webform-flex--container">{{ content.date_of_birth }}</div></div>
      {% endif %}
      {% if content.sex %}
        <div class="webform-flex webform-flex--1"><div class="webform-flex--container">{{ content.sex }}</div></div>
      {% endif %}
    </div>
{% else %}
  {{ content }}
{% endif %}