import { LoadingIndicator } from "@brijbyte/md3-react/loading-indicator";@import "@brijbyte/md3-react/loading-indicator.css";A spinning arc tells users to wait; a shape-morphing indicator tells them the app is
alive. LoadingIndicator communicates an indeterminate wait by cycling through a
sequence of shapes — morphing between each one while spinning continuously — instead of
just rotating a fixed glyph.
Drop it straight onto a surface, or give it its own visual anchor when it sits over
busy or image-heavy content. The default indicator draws its active shape directly on
the surface behind it; the contained variant draws it inside a colored pill container
instead.
Screen readers get a sensible experience for free, and motion-sensitive users aren't
forced to watch it morph. The root renders role="progressbar"; pass aria-label to
describe what's loading (it defaults to "Loading"). When the user has requested reduced
motion, the shape-morph and spin animation is skipped and the indicator freezes on a
resting shape.