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.

Examples

<.spinner size="small" accessibility_label="loading" />
<.spinner size="large" accessibility_label="loading" />

See

• https://polaris.shopify.com/components/feedback-indicators/spinner
• https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Spinner/Spinner.tsx

Attributes

• accessibility_label (:string) (required)
• size (:string) - Defaults to "small".
• has_focusable_parent (:boolean) - Defaults to false.

Variants A helper for setting a variant inside of a Polaris component.

Attributes

• value (:string) (required) - Value of the variant, such as {size}.

Slots

• variant - Accepts attributes:
  • name (:string) (required) - Name of the variant, such as "small".