Overlays

Dialog

Modal overlay for confirmations, forms, detail views.

Primitive

@radix-ui/react-dialog

Composed of

Simple confirmation with title, description, and action buttons.

Dialog with form inputs for data entry.

API Reference

Prop	Type	Default	Description
`open`	`boolean`	--	Controlled open state.
`onOpenChange`	`(open: boolean) => void`	--	Called when open state changes.
`modal`	`boolean`	`true`	Whether to render as a modal (blocks interaction outside).

Blocking confirmation. Requires explicit action.

Slide-over panel (drawer). Detail views, side editing.

Command palette (cmdk). Power-user navigation.

import { Dialog } from "@doss/tetris-ui";