Spinner

At a glance

• Wraps RN <ActivityIndicator> on native; CSS animation on web.
• Pair with a visible label whenever the spinner is the only signal that work is happening — short waits get away with the icon, long ones don't.

Preview

Native preview

size

Diameter. Token sizes map to fixed pixel values; pass a number to escape the scale.

<Spinner size="sm" />
<Spinner size={48} />          // arbitrary

label

Visible (or screen-reader-only via i18n default) accessibility label. Defaults to "Loading" — override when the context demands a more specific phrase ("Saving…", "Submitting form…") so screen readers say the right thing.

<Spinner label="Submitting…" />

color

Override the default theme color. Forwarded to the underlying ActivityIndicator (native) or CSS border-color (web). Pass a CSS color string.

<Spinner color="#9333ea" />

Props