Skip to main content
Drupal API
User account menu
  • Log in

Breadcrumb

  1. Drupal Core 11.1.x

container.html.twig

Same filename in this branch
  1. 11.1.x core/themes/stable9/templates/form/container.html.twig
  2. 11.1.x core/themes/starterkit_theme/templates/form/container.html.twig

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\RenderElementBase 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.

See also

template_preprocess_container()

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\RenderElementBase 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

Theme system overview
Functions and templates for the user interface that themes can override.
RSS feed
Powered by Drupal