Spinner

import { Spinner } from "@/components/ui/spinner"

export function SpinnerDemo() {

Installation

pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/spinner.json

Usage

Copyimport { Spinner } from "@/components/ui/spinner"

Copy<Spinner />

Examples

Sizes

Use the className prop to adjust the size.

import { Spinner } from "@/components/ui/spinner"

export function SpinnerSizes() {

Button with Loading State

"use client"

import * as React from "react"

API Reference

Spinner

All standard SVG props are also supported.

Accessibility

• Uses role="status" for screen readers
• Includes aria-label="Loading" for context