You are here

container.html.twig in Drupal 10

Default theme implementation 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/modules/system/templates/container.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation 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. * @ingroup themeable
  22. */
  23. #}
  24. {%
  25. set classes = [
  26. has_parent ? 'js-form-wrapper',
  27. has_parent ? 'form-wrapper',
  28. ]
  29. %}
  30. <div{{ attributes.addClass(classes) }}>{{ children }}</div>

Related topics