Spinner
An animated loading indicator with role and ARIA label support, available in multiple sizes with automatic color detection for custom theming.
Default
The default
Spinner renders at the Default size with a muted foreground color and a smooth CSS animation.Sizes
Use the
Size parameter to control the spinner dimensions. Choose from Small (16x16), Default (24x24), or Large (40x40).With Text
Pair a
Spinner with a text label to give users additional context about what is loading. Use the Small size for inline placement alongside text.In Button
Place a
Spinner inside a disabled Button to indicate a pending action. Use the Small size with mr-2 spacing for proper alignment with the button label.Custom Color
Override the default color by passing Tailwind text color utilities via the
Class parameter. The spinner automatically detects text- classes and skips the default muted color.