Spinner

Indeterminate loading indicator that scales with its size prop. The size prop accepts xs, sm, md, lg, xl or a pixel number.

Jump to API reference

Import

Vue
import { UiSpinner } from '@ziyarago/ui/vue'

Pixels

Vue
<UiSpinner :size="16" />

<UiSpinner :size="24" />

<UiSpinner :size="40" />

Sizes

Vue
<UiSpinner size="xs" />

<UiSpinner size="sm" />

<UiSpinner size="md" />

<UiSpinner size="lg" />

<UiSpinner size="xl" />

API reference

Inline loading indicator; use inside buttons, cards or next to a loading label.

Props

PropType and valuesDefaultDescription
sizexssmmdlgxl'md'Preset (14, 16, 20, 28, 36 px) or a number of pixels.

Notes

  • Has role="status" and aria-label="Loading".