Dialog

Presents a modal task with managed focus and explicit dismissal.

@rivetui/dialog

Preview

Explore each composition interactively, then open its code in the same context.

Keep a focused task in context with a clear title, supporting copy, and explicit actions.

Note

Compose the width with className; the responsive viewport limit remains intact.

Deployments / 03

Create a production deployment

Configure the source branch and public alias before deployment.

The dialog becomes viewport-scrollable while its layout remains centered.

The dialog remains centered while short and becomes viewport-scrollable when its content exceeds the available height.

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/dialog

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`showCloseButton`	`boolean`	`true`
`closeLabel`	`string`	`"Close dialog"`