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

Spinners are used to notify merchants that their action is being processed. For loading states, spinners should only be used for content that can’t be represented with skeleton loading components, like for data charts.

Badge
Component Preview

Properties

Size

Changes the size of the spinner. Defaults to `large`.

Preview
Mike Miller
Updated 18 Dec 2024
Spinner(2 variants)
View Figma
    PlaygroundFigma
Figma notes
Spinners are used to notify merchants that their action is being processed. For loading states, spinners should only be used for content that can’t be represented with skeleton loading components, like for data charts. Polaris React:
Resources
Mike Miller
Updated 18 Dec 2024
Animation(6 variants)
View Figma
Figma notes
Spinners are used to notify merchants that their action is being processed. For loading states, spinners should only be used for content that can’t be represented with skeleton loading components, like for data charts. Polaris React:
Resources