SSpinner <s-spinner>

import { SSpinner } from 'polaris-vue-elements'

Example

<script setup>
import { SSpinner } from 'polaris-vue-elements'
</script>

<template>
  <SSpinner accessibilityLabel="Loading, small" size="base" />
  <SSpinner accessibilityLabel="Loading, large" size="large" />
  <SSpinner accessibilityLabel="Loading, extra large" size="large-100" />
</template>

Props

Prop	Type	Description
accessibilityLabel	string	A label that describes the purpose or content of the component for assistive technologies like screen readers. Use this to provide additional context when the visible content alone doesn't clearly convey the component's purpose.
size	"base" | "large" | "large-100"	The size of the loading spinner. - base: Default size suitable for inline loading indicators or standard UI contexts. - large: Larger spinner for more prominent loading states. - large-100: Extra large spinner for full-page or emphasized loading states.