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

\Drupal\image\Hook\ImageThemeHooks::preprocessImageWidget()

File

View on git.drupalcode.org

core/profiles/demo_umami/themes/umami/templates/classy/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 \Drupal\image\Hook\ImageThemeHooks::preprocessImageWidget()

  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>

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.