Use thumbnails as a visual anchor and identifier for an object. They should be used along with text to provide context.

Examples

<.thumbnail source="https://picsum.photos/250" alt="Promotional image"/>

See

• https://polaris.shopify.com/components/images-and-icons/thumbnail?example=thumbnail-default
• https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Thumbnail/Thumbnail.tsx

Attributes

• size (:string) - Size of thumbnail. Defaults to "medium".
• source (:string) (required) - URL for the image.
• alt (:string) - Alt text for the thumbnail image. Defaults to nil.
• transparent (:boolean) - Transparent background. Defaults to false.