Dialog API
Dialog is a client-only modal primitive for confirmation, focused editing, and high-priority UI.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- DialogModal examples and focused action patterns.
Preview
Import
import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@axonyx/react/client";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | required | Controlled open state. |
| onOpenChange | (open: boolean) => void | required | Called when backdrop closes the dialog. |
| children | ReactNode | required | Dialog sections and body content. |
CSS contract
.ax-dialog .ax-dialog__backdrop .ax-dialog__panel .ax-dialog__header .ax-dialog__title .ax-dialog__content
Use sparingly
Dialog should interrupt flow only when the user needs focus or must confirm an important action.