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

    Down Arrow

    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.