> Deprecated: > Product subscription app extensions won't be supported as of December 3, 2025. You should migrate existing product subscription app extensions to [purchase options extensions](/docs/apps/build/purchase-options/purchase-options-extensions). Thumbnails are used as a visual anchor and identifier for an object. They should be used along with text to provide context. ```ts?title: "JavaScript" import {extend, Thumbnail} from '@shopify/admin-ui-extensions'; extend('Playground', (root) => { const thumbnail = root.createComponent(Thumbnail, { size: 'small', scaleType: 'fit', source: 'https://cdn.shopify.com/shopify-marketing_assets/static/shopify-favicon.png', alt: 'Shopify', }); root.appendChild(thumbnail); root.mount(); }); ``` ```tsx?title: "React" import React from 'react'; import {extend, render, Thumbnail} from '@shopify/admin-ui-extensions-react'; function App() { return ( ); } extend( 'Playground', render(() => ), ); ``` ## Props optional = ? | Name | Type | Description | | --- | --- | --- | | size? | "small" | "base" | "medium" | "large" | "extraLarge" | | | scaleType? | "fill" | "fit" | "crop" | | | source | string | URL for the thumbnail image. | | alt | string | Alt text for the thumbnail. |