/// Overlay

Modal

Alias of Dialog — a centered, focus-trapping overlay for confirmations, forms, and focused tasks.

import { Modal } from "@protocore/pds";

View as Markdown

An alias of Dialog

Modal is the Mantine-familiar name for this library's Dialog — the same component under a second name for discoverability. Modal.Root, Modal.Trigger, Modal.Content, Modal.Title, Modal.Description, Modal.Close, and Modal.Footer are Dialog's parts re-aliased 1:1. See the Dialog page for the full API and accessibility notes. For a destructive confirmation, reach for AlertDialog instead.

Basics

Compose it exactly like Dialog — a trigger opens a centered content panel with a title, description, and footer actions.

Accessibility

Identical to Dialog: focus is trapped while open, Escape closes, and the trigger is restored on close (Radix Dialog under the hood).