Studiov0.6.0

Dialog

Tier 1 — shadcn
Overlays

A modal overlay that interrupts user flow for focused interaction or confirmation.

Live Preview

Code

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

<Dialog />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Confirmation dialogs
  • •Edit forms
  • •Detail previews

Do

  • ✓Include a DialogTitle for accessibility
  • ✓Focus the primary action on open

Don't

  • ✗Don't nest dialogs — use sheets instead
  • ✗Don't use for non-critical info — use Popover or Toast