Spinner

Twelve bars that fade in turn, for waits the size of an icon.

Building your project

Installation#

pnpm dlx shadcn@latest add @balick/spinner

Or pass the full URL: https://ui.balick.me/r/spinner.json

Usage#

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

export function Building() {
  return (
    <p className="flex items-center gap-2">
      <Spinner label="Building" />
      Building your project
    </p>
  )
}

Props#

Prop	Type	Default	Description
`label` What is loading, read by screen readers.	`string`	"Loading"	What is loading, read by screen readers.