pnpm add @wandercom/design-system-web

import { LoadingDots } from '@wandercom/design-system-web/ui/loading-dots';

export function Example() {
  return <LoadingDots />;
}

Three small dots darken in sequence from left to right, cycling between the theme's muted and secondary colors. Use it for inline or compact loading states where the Spinner feels too heavy.

The indicator is marked role="status" with an overridable label, so screen readers announce the loading state without reading the individual dots. Under prefers-reduced-motion: reduce the animation is removed and the dots render as a static muted-to-secondary ramp.