# Dialog

A focused surface for decisions that need attention.

- ID: `dialog`
- Import: `animui/dialog`
- Category: Disclosure
- Runtime exports: `Dialog`, `DialogClose`, `DialogContent`, `DialogTrigger`
- Declaration: `types/free/components/dialog.d.ts`
- Type provenance: emitted-original-typescript
- Related: drawer, bottom-sheet, popover, hold-to-confirm

```tsx
import { Dialog } from 'animui/dialog';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info dialog` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { Dialog, DialogClose, DialogContent, DialogTrigger } from '../registry/components/dialog/dialog.js';
export type { DialogContentProps } from '../registry/components/dialog/dialog.js';
```