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
// 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