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/Thumbnail
Updated 18 December 2024
Thumbnail

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

Badge
Component Preview

Properties

Size

Change the thumbnail’s size. The default size is medium.

Preview

Source

Change the source of the icon to an image or icon by using the `Source` property.

Preview

Transparent

Make the thumbnail’s background transparent.

Preview
Mike Miller
Updated 18 Dec 2024
Thumbnail(16 variants)
View Figma
    PlaygroundFigma
Figma notes
Use thumbnails as a visual anchor and identifier for an object. They should be used along with text to provide context. Polaris React:
Resources