coss.com Svelte

Spinner

An indicator that can be used to show a loading state.

Loading p-spinner-1 preview…

Installation

pnpm dlx shadcn-svelte@latest add https://coss-sv.vercel.app/r/spinner.json

Usage

<script lang="ts">
  import { Spinner } from "$lib/components/ui/spinner/index.js";
</script>

<Spinner />

API Reference

Spinner

Use the Spinner component to display a loading indicator. Native SVG attributes pass to the element.

PropTypeDefault
classstring
sizenumber \| string24
strokeWidthnumber \| string2
absoluteStrokeWidthbooleanfalse

Examples

Input Group

Loading p-input-12 preview…

Button

Loading p-button-18 preview…