Components
Spinner
A loading spinner.
Use Spinner to indicate in-progress work.
import { Spinner } from '@tile-ui/react';
export default function SpinnerDemo() {
return (
<div className="button-group">
<Spinner size="sm" />Registry install
pnpm dlx shadcn@latest add @tile-ui/spinnerPackage usage
import { Spinner } from '@tile-ui/react';
<Spinner />Highlights
- Three sizes
- Pulse animation
Registry dependencies
| Item | Purpose |
|---|---|
spinner | Component source and module styles |
core | Framework-agnostic logic helpers |
styles | Shared SCSS tokens and globals |
API reference
Spinner
| Prop | Type | Default |
|---|---|---|
size | 'sm' | 'default' | 'lg' | — |