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.

Drag to resize example

Props

size
"small" | "medium" | "large"
Size of the thumbnail

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.