Getting Started
UI Library
- Button
- Date Picker
- Field
- Fields
- Input Group
- File Uploader
- Signature Pad
- Text Area
- Container
- Section Header
- Separator
- Spacer
- Action Row
- Breadcrumb
- Tabs
- Tabs Container
- Card
- Image
- Text
- Title
- Video Player
- Card Collection
- Data Grid
- List Collection
- Table Collection
- Bar Chart
- Big Number
- Line Chart
- Radial Chart
- Hint
- Progress
- Spinner
- Skeleton
- Toast
- Sheet
- Dialog
- Real-world patterns
- Primitives
Basic Usage
Sizes
Control the size of the spinner using Tailwind size utilities.
In Buttons
Use spinners inside buttons to indicate loading or processing states.
Centered
Center the spinner within a container.
API Reference
Spinner Props
The Spinner component accepts all standard SVG element props:
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes for customization |
role | string | "status" | ARIA role for accessibility |
aria-label | string | "Loading" | Accessible label for screen readers |