Core / Loading
Spinner
Communicates that content or an action is in progress.
Live example
Loading small contentLoading contentLoading large content
Spinner only: three sizes, no progress indicator.
Interactive preview using local sample data. Styling is intentionally left to the consuming project.
Usage
// Spinner usage will be documented here.Adopt to your project
Keep this component semantically neutral. Use its documented props for behavior and className for project-specific spacing, width, typography, and visual treatment.
Accessibility
Accessibility behavior will be documented with the verified component implementation.
API reference
| Public attribute |
|---|
Public props and defaults will be verified from source before publication. |
The preview above uses a safe local fixture. Confirm exact TypeScript props when adapting it to your application.
Installation
Full library
pnpm install:project /absolute/path/to/your-project
Planned guided selection
Loading → Spinner