Spinner

Inline loading indicator with a status aria-label.

Usage

<script setup>
import { ArchSpinner } from "@archora/ui";
</script>

<template>
  <ArchSpinner label="Loading projects" tone="accent" />
</template>

Live sandbox

Spinner can be tested directly on this page.

interactive

Size smmdlg

<Spinner />

Props

Prop	Type	Default	Description
size	"sm" | "md" | "lg"	"md"	Size.
tone	"muted" | "accent" | "primary"	"muted"	Color tone.
label	string	"Loading"	Accessible label or text.