ObjectUIComponentsFeedback
Spinner
Loading spinner indicator
The Spinner component displays a loading indicator.
Basic Usage
Default Spinner
{
"type": "spinner"
}Sizes
Small
{
"type": "spinner",
"size": "sm"
}Medium
{
"type": "spinner",
"size": "md"
}Large
{
"type": "spinner",
"size": "lg"
}Schema
interface SpinnerSchema {
type: 'spinner';
size?: 'sm' | 'md' | 'lg';
className?: string;
}Examples
In Button
Loading Button
{
"type": "button",
"label": "Loading...",
"disabled": true,
"children": [
{
"type": "spinner",
"size": "sm"
},
{
"type": "text",
"value": "Please wait"
}
]
}Centered
Centered Spinner
{
"type": "flex",
"justify": "center",
"align": "center",
"className": "h-32",
"children": [
{
"type": "spinner",
"size": "lg"
}
]
}