New image

LIBRARIES

Polaris Components FigMayo
👋 Getting started
📝 Changelog
🤝 Contribute

components

Account Connection
Action List
Avatar
Badge
Button
Button group
Callout card
Card
Checkbox
Choice list
Color picker
Contextual save bar
Data table
Date picker
Description list
Divider
Drop zone
Empty state
Exception list
Filters
Fullscreen bar
Footer help
Index filters
Index table
Inline error
Keyboard key
Link
Listbox
Media card
Modal
Navigation
Option list
Page
Page actions
Popover
Progress bar
Radio button
Range slider
Resource list
Select
Skeleton body text
Skeleton display text
Skeleton thumbnail
Spinner
Tabs
Tag
Text field
Thumbnail
Toast
Tooltip
Top bar
Video thumbnail
⚡️ Utilities
Polaris Styles FigMayo

core

Fills & Effects
Variables
Typography
Polaris Icons FigMayo

components

Icons
Navigation
Apps & channels
Ctrl-K
Polaris Components FigMayo/Skeleton thumbnail
Updated 18 December 2024
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.

Badge
Component Preview

Properties

Size

Changes the size of the thumbnail. Defaults to `medium`.

Preview
Mike Miller
Updated 18 Dec 2024
Skeleton thumbnail(4 variants)
View Figma
    PlaygroundFigma
Figma notes
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. Polaris React:
Resources