You are here

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.

File

core/themes/starterkit_theme/templates/form/field-multiple-value-form.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for an individual form element.
  5. *
  6. * Available variables for all fields:
  7. * - multiple: Whether there are multiple instances of the field.
  8. *
  9. * Available variables for single cardinality fields:
  10. * - elements: Form elements to be rendered.
  11. *
  12. * Available variables when there are multiple fields.
  13. * - table: Table of field items.
  14. * - description: The description element containing the following properties:
  15. * - content: The description content of the form element.
  16. * - attributes: HTML attributes to apply to the description container.
  17. * - button: "Add another item" button.
  18. *
  19. * @see template_preprocess_field_multiple_value_form()
  20. */
  21. #}
  22. {% if multiple %}
  23. {%
  24. set classes = [
  25. 'js-form-item',
  26. 'form-item'
  27. ]
  28. %}
  29. <div{{ attributes.addClass(classes) }}>
  30. {{ table }}
  31. {% if description.content %}
  32. <div{{ description.attributes.addClass('description') }} >{{ description.content }}</div>
  33. {% endif %}
  34. {% if button %}
  35. <div class="clearfix">{{ button }}</div>
  36. {% endif %}
  37. </div>
  38. {% else %}
  39. {% for element in elements %}
  40. {{ element }}
  41. {% endfor %}
  42. {% endif %}