Studiov0.6.0

Alert

Tier 1 — shadcn
Feedback

An inline notification banner for contextual status messages within page content.

Live Preview

Code

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

<Alert />

Variants

Default
Destructive

Props Inspector

default

Documentation

Use Cases

  • •Form validation errors
  • •Success confirmations
  • •Informational notices

Do

  • ✓Use variant='destructive' for errors
  • ✓Include AlertTitle and AlertDescription for clarity

Don't

  • ✗Don't use for transient notifications — use Toast
  • ✗Don't stack more than 2 alerts visually