Polaris Skip to content

Skeleton thumbnail

Skeleton thumbnail is used to provide a low fidelity representation of an image before it appears on the page, and improves load times perceived by merchants. Use for thumbnails in or outside of a card.

Examples

Use this component to represent medium thumbnails.

Best practices

Skeleton thumbnail component should:

Try to match the size of the thumbnail to the content being loaded so it gives an accurate representation.

Use this component with Skeleton display text to represent the content of a card while it’s loading.

👋

We've made some improvements to our website to help you build more efficiently with Polaris.