Studiov0.6.0

EmptyState

Tier 1 — shadcn
Page Structure

A centered placeholder shown when a list or page has no content yet.

Live Preview

No campaigns yet

Create your first campaign to start reaching investors.

Code

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

<EmptyState />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Empty table states
  • •No search results
  • •First-run onboarding prompts

Do

  • ✓Include a primary action to create the first item
  • ✓Keep message concise and actionable

Don't

  • ✗Don't use generic 'No data' — be specific about what's empty
  • ✗Don't show on loading — show Skeleton instead