Spinner

Preview

About

Loading indicator: a full ring with an angular gradient (soft tone → strong color) rotating continuously.

• size: KasySpinnerSize.sm (16px), .md (24px, default), or .lg (32px).
• variant: KasySpinnerColor.primary (default), current (inherits the surrounding text color), success, warning, or danger.
• color: overrides variant with an explicit color (the gradient's strong end).
• softColor: the gradient's soft end; defaults to color mixed 80% with the surface.
• diameter: overrides size with an exact pixel value (useful to fit a fixed slot, like inside a button).
• strokeWidth: stroke thickness; defaults to roughly 1/6 of the diameter.
• semanticsLabel: accessibility label (defaults to "Loading").

Respects the system's "reduce motion" setting (stays still when enabled).

Last updated on 08/23/2026