Back to components
UI component

Loading Spinner

Full-screen or inline loading spinner with ActivityIndicator and optional overlay message.

Install

What it does

  • Full-screen overlay mode with backdrop
  • Inline mode for embedded use
  • Configurable color and size
  • Optional loading message below spinner

When to use

Use it

Page loads, form submissions, API calls, any async operation.

Skip it

Content skeletons (use skeleton component for card/list placeholders).

Files & routes added

  • components/ui/loading-spinner.tsx

Related components