Spinner ​

A macOS asynchronous spinner (NSProgressIndicator, spinning style): eight capsule blades stepping through 45° increments. The rotation is discrete, as native, and deliberately keeps running under reduced motion — it is the only signal that work is happening. Exposed to assistive technology as an indeterminate progressbar.

<script setup lang="ts">
import { MacSpinner } from 'macvue'
</script>

<template>
  <MacSpinner />
</template>

Usage ​

<script setup lang="ts">
import { MacSpinner } from 'macvue'
</script>

<template>
  <MacSpinner label="Preparing…" />
</template>

Sizes ​

Two sizes — regular (32px) and small (16px) — the only two in the reference kit.

<script setup lang="ts">
import { MacSpinner } from 'macvue'
</script>

<template>
  <div style="display: flex; align-items: center; gap: 16px">
    <MacSpinner size="regular" />
    <MacSpinner
      size="small"
      label="Loading (small)"
    />
  </div>
</template>

API ​

Props ​