You are here

Home » API reference » Drupal 10

image-widget.html.twig in Drupal 10

Same filename in this branch
  1. 10 core/themes/seven/templates/image-widget.html.twig
  2. 10 core/modules/image/templates/image-widget.html.twig
  3. 10 core/themes/starterkit_theme/templates/content-edit/image-widget.html.twig
  4. 10 core/themes/classy/templates/content-edit/image-widget.html.twig
  5. 10 core/themes/claro/templates/content-edit/image-widget.html.twig
  6. 10 core/themes/stable9/templates/content-edit/image-widget.html.twig
  7. 10 core/themes/stable/templates/content-edit/image-widget.html.twig
  8. 10 core/themes/bartik/templates/classy/content-edit/image-widget.html.twig
  9. 10 core/profiles/demo_umami/themes/umami/templates/classy/content-edit/image-widget.html.twig
Same filename and directory in other branches
  1. 8 core/themes/classy/templates/content-edit/image-widget.html.twig
  2. 9 core/themes/classy/templates/content-edit/image-widget.html.twig

Theme override for an image field widget.

Available variables:

  • attributes: HTML attributes for the containing element.
  • data: Render elements of the image widget.

See also

template_preprocess_image_widget()

File

core/themes/classy/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.  * - attributes: HTML attributes for the containing element.

  8.  * - data: Render elements of the image widget.

  9.  *

  10.  * @see template_preprocess_image_widget()

  11.  */

  12. #}

  13. <div{{ attributes }}>

  14.   {% if data.preview %}

  15.     <div class="image-preview">

  16.       {{ data.preview }}

  17.     </div>

  18.   {% endif %}

  19.   <div class="image-widget-data">

  20.     {# Render widget data without the image preview that was output already. #}

  21.     {{ data|without('preview') }}

  22.   </div>

  23. </div>