Studiov0.6.0

LoadingState

Tier 1 — shadcn
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