You are here

container.html.twig in Drupal 10

Theme override of a container used to wrap child elements.

Used for grouped form items. Can also be used as a theme wrapper for any renderable element, to surround it with a <div> and HTML attributes. See \Drupal\Core\Render\Element\RenderElement for more information on the #theme_wrappers render array property, and \Drupal\Core\Render\Element\container for usage of the container render element.

Available variables:

  • attributes: HTML attributes for the containing element.
  • children: The rendered child elements of the container.
  • has_parent: A flag to indicate that the container has one or more parent containers.

File

core/themes/starterkit_theme/templates/form/container.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override of a container used to wrap child elements.
  5. *
  6. * Used for grouped form items. Can also be used as a theme wrapper for any
  7. * renderable element, to surround it with a <div> and HTML attributes.
  8. * See \Drupal\Core\Render\Element\RenderElement for more
  9. * information on the #theme_wrappers render array property, and
  10. * \Drupal\Core\Render\Element\container for usage of the container render
  11. * element.
  12. *
  13. * Available variables:
  14. * - attributes: HTML attributes for the containing element.
  15. * - children: The rendered child elements of the container.
  16. * - has_parent: A flag to indicate that the container has one or more parent
  17. containers.
  18. *
  19. * @see template_preprocess_container()
  20. */
  21. #}
  22. {%
  23. set classes = [
  24. has_parent ? 'js-form-wrapper',
  25. has_parent ? 'form-wrapper',
  26. ]
  27. %}
  28. <div{{ attributes.addClass(classes) }}>{{ children }}</div>