Spinner

#Basic usage

Loading the archive…

spinner/sizes.vue

<script setup lang="ts">
import { Spinner } from "@bysages/vue";
</script>

<template>
  <div class="flex items-center gap-6">
    <Spinner size="sm" />
    <Spinner size="md" />
    <Spinner size="lg" />
    <span class="text-tertiary">Loading the archive…</span>
  </div>
</template>

#Props

#Spinner

A wheel of waiting: one arc of ink turning about its center. Quiet by default — it reports progress without claiming attention.

Prop	Type	Default	Description
`size`	`String as PropType<"sm" \| "md" \| "lg">`	`"md"`	One rung of the control ladder for the wheel's diameter.