field-multiple-value-form.html.twig in Drupal 10

Theme override for an individual form element.

Available variables for all fields:

• multiple: Whether there are multiple instances of the field.

Available variables for single cardinality fields:

• elements: Form elements to be rendered.

Available variables when there are multiple fields.

• table: Table of field items.
• description: The description element containing the following properties:
  • content: The description content of the form element.
  • attributes: HTML attributes to apply to the description container.
• button: "Add another item" button.

See also

template_preprocess_field_multiple_value_form()

1 theme call to field-multiple-value-form.html.twig

WidgetBase::formMultipleElements in core/lib/Drupal/Core/Field/WidgetBase.php

Special handling to create form elements for multiple values.

File

core/themes/olivero/templates/form/field-multiple-value-form.html.twig

{#
/**
 * @file
 * Theme override for an individual form element.
 *
 * Available variables for all fields:
 * - multiple: Whether there are multiple instances of the field.
 *
 * Available variables for single cardinality fields:
 * - elements: Form elements to be rendered.
 *
 * Available variables when there are multiple fields.
 * - table: Table of field items.
 * - description: The description element containing the following properties:
 *   - content: The description content of the form element.
 *   - attributes: HTML attributes to apply to the description container.
 * - button: "Add another item" button.
 *
 * @see template_preprocess_field_multiple_value_form()
 *
 * @ingroup themeable
 */
#}
{% if multiple %}
  {%
    set classes = [
      'js-form-item',
      'form-item'
    ]
  %}
  {%
    set description_classes = [
      'form-item__description',
      disabled ? 'is-disabled',
    ]
  %}
  <div{{ attributes.addClass(classes) }}>
    {{ table }}
    {% if description.content %}
      <div{{ description.attributes.addClass(description_classes) }}>{{ description.content }}</div>
    {% endif %}
    {% if button %}
      <div class="form-actions">{{ button }}</div>
    {% endif %}
  </div>
{% else %}
  {% for element in elements %}
    {{ element }}
  {% endfor %}
{% endif %}

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.