# AskAI.Dialog



# Overview

Modal dialog chat surface. Pair it with [AskAI.Trigger](/docs/api-reference/client/ask-ai-trigger).

## Usage

```tsx
import { AskAI } from 'peam/client';

export default function Page() {
  return (
    <AskAI>
      <AskAI.Trigger />
      <AskAI.Dialog />
    </AskAI>
  );
}
```

## Notes

* `AskAI.Dialog` must be rendered inside [AskAI](/docs/api-reference/client/ask-ai).
* For inline rendering inside the dialog, use [AskAI.Inline](/docs/api-reference/client/ask-ai-inline).


## Sitemap
[Overview of all docs pages](/sitemap.md)