Hextech UI

Spinner

Live example

Spinner

Preparing session

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/spinner.json

API reference

These are the main Spinner options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
labelstringLoading
sizesmall | medium | largemedium

Loading announcements

Use a label that describes the pending task. Avoid adding several live loading announcements for one operation. A spinner indicates activity; it does not communicate a measured percentage.