details.html.twig

Same filename in this branch
  1. 11.x core/profiles/demo_umami/themes/umami/templates/classy/form/details.html.twig
  2. 11.x core/themes/olivero/templates/form/details.html.twig
  3. 11.x core/themes/stable9/templates/form/details.html.twig
  4. 11.x core/themes/claro/templates/details.html.twig
  5. 11.x core/modules/system/templates/details.html.twig
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/templates/classy/form/details.html.twig
  2. 9 core/themes/olivero/templates/form/details.html.twig
  3. 9 core/themes/stable9/templates/form/details.html.twig
  4. 9 core/themes/seven/templates/details.html.twig
  5. 9 core/themes/claro/templates/details.html.twig
  6. 9 core/themes/bartik/templates/classy/form/details.html.twig
  7. 9 core/themes/stable/templates/form/details.html.twig
  8. 9 core/themes/starterkit_theme/templates/form/details.html.twig
  9. 9 core/themes/classy/templates/form/details.html.twig
  10. 9 core/modules/system/templates/details.html.twig
  11. 8.9.x core/profiles/demo_umami/themes/umami/templates/classy/form/details.html.twig
  12. 8.9.x core/themes/seven/templates/details.html.twig
  13. 8.9.x core/themes/claro/templates/details.html.twig
  14. 8.9.x core/themes/bartik/templates/classy/form/details.html.twig
  15. 8.9.x core/themes/stable/templates/form/details.html.twig
  16. 8.9.x core/themes/classy/templates/form/details.html.twig
  17. 8.9.x core/modules/system/templates/details.html.twig
  18. 10 core/profiles/demo_umami/themes/umami/templates/classy/form/details.html.twig
  19. 10 core/themes/olivero/templates/form/details.html.twig
  20. 10 core/themes/stable9/templates/form/details.html.twig
  21. 10 core/themes/claro/templates/details.html.twig
  22. 10 core/themes/starterkit_theme/templates/form/details.html.twig
  23. 10 core/modules/system/templates/details.html.twig

Theme override for a details element.

Available variables

  • attributes: A list of HTML attributes for the details element.
  • errors: (optional) Any errors for this details element, may not be set.
  • title: (optional) The title of the element, may not be set.
  • summary_attributes: A list of HTML attributes for the summary element.
  • description: (optional) The description of the element, may not be set.
  • children: (optional) The children of the element, may not be set.
  • value: (optional) The value of the element, may not be set.

See also

template_preprocess_details()

File

core/themes/starterkit_theme/templates/form/details.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for a details element.
  5. *
  6. * Available variables
  7. * - attributes: A list of HTML attributes for the details element.
  8. * - errors: (optional) Any errors for this details element, may not be set.
  9. * - title: (optional) The title of the element, may not be set.
  10. * - summary_attributes: A list of HTML attributes for the summary element.
  11. * - description: (optional) The description of the element, may not be set.
  12. * - children: (optional) The children of the element, may not be set.
  13. * - value: (optional) The value of the element, may not be set.
  14. *
  15. * @see template_preprocess_details()
  16. */
  17. #}
  18. <details{{ attributes }}>
  19. {%- if title -%}
  20. {%
  21. set summary_classes = [
  22. required ? 'js-form-required',
  23. required ? 'form-required',
  24. ]
  25. %}
  26. <summary{{ summary_attributes.addClass(summary_classes) }}>{{ title }}</summary>
  27. {%- endif -%}
  28. <div class="details-wrapper">
  29. {% if errors %}
  30. <div class="form-item--error-message">
  31. <strong>{{ errors }}</strong>
  32. </div>
  33. {% endif %}
  34. {%- if description -%}
  35. <div class="details-description">{{ description }}</div>
  36. {%- endif -%}
  37. {%- if children -%}
  38. {{ children }}
  39. {%- endif -%}
  40. {%- if value -%}
  41. {{ value }}
  42. {%- endif -%}
  43. </div>
  44. </details>

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.