Studiov0.6.0

LoadingState

Tier 1shadcn
Page Structure

A centered loading placeholder for full-section or full-page loading states.

Live Preview

Code

import { LoadingState } from "@regen/ui";

<LoadingState />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • Page-level data loading
  • Panel content loading
  • Async content areas

Do

  • Use instead of a single Spinner for page-level loading
  • Include a descriptive message

Don't

  • Don't use inside small components — use Skeleton or Spinner
  • Don't leave it showing after load completes