Spinner
A loading indicator that spins an icon with accessible status semantics.
Installation
npx shadcn-vue@latest add https://vuedocs.canceydejean.dev/r/spinner.jsonUsage
Use the spinner to show that a section or action is loading. Pass class to change size or color.
<script setup lang="ts">
import Spinner from "@ui/Spinner";
</script>
<template>
<div class="flex items-center gap-3">
<Spinner />
<Spinner class="size-6 text-muted-foreground" />
</div>
</template>