You are here

image-widget.html.twig in Drupal 10

Theme override for an image field widget.

Available variables:

  • main_items: Main render elements of the image widget: file name, upload input, upload and remove buttons and hidden inputs.
  • data: Other render elements of the image widget like preview, alt or title.
  • display: A flag indicating whether the display field is visible.
  • attributes: HTML attributes for the containing element.
  • multiple: Whether this widget is the part of a multi-value file widget or not.
  • upload: Whether the file upload input is displayed or not.
  • has_value: true if the widget already contains a file.
  • has_meta: true when at least one of the alt or title inputs is enabled and visible.

File

core/themes/claro/templates/content-edit/image-widget.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for an image field widget.
  5. *
  6. * Available variables:
  7. * - main_items: Main render elements of the image widget:
  8. * file name, upload input, upload and remove buttons and hidden inputs.
  9. * - data: Other render elements of the image widget like preview, alt or title.
  10. * - display: A flag indicating whether the display field is visible.
  11. * - attributes: HTML attributes for the containing element.
  12. * - multiple: Whether this widget is the part of a multi-value file widget or
  13. * not.
  14. * - upload: Whether the file upload input is displayed or not.
  15. * - has_value: true if the widget already contains a file.
  16. * - has_meta: true when at least one of the alt or title inputs is enabled and
  17. * visible.
  18. *
  19. * @see template_preprocess_image_widget()
  20. * @see claro_preprocess_image_widget()
  21. */
  22. #}
  23. {% extends '@claro/content-edit/file-managed-file.html.twig' %}
  24. {% set attributes = attributes.addClass('form-managed-file--image') %}