Dialog

A modal surface for focused tasks

A general-purpose modal that holds arbitrary content (forms, settings, previews) with an optional footer for actions. It traps focus, restores it on close, locks page scroll, and dismisses via ESC, backdrop click, or the close button. For simple confirm-or-cancel prompts, use AlertDialog instead.

Default

With footer

Sizes

Non-dismissible

Scrolling body

tsx
// From the npm package
import { Dialog } from 'rift-ds/components/Dialog/Dialog';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/dialog.json