Equality
Equality

Spinner

Size Variants

Extra Small (xs)

Small (sm)

Medium (md) - Default

Large (lg)

Extra Large (xl)

Color Variants

This component supports color variants using either the brand primary color or status options. Available variants are primary (brand primary color), success, danger, and warning. Use these to visually distinguish loading spinners according to your design needs.

The special neutral variant adapts the spinner to use the primary text color, automatically switching between light and dark themes according to your app’s current appearance mode.

Neutral

Primary

Success

Danger

Warning