# AskAI.Sidepane



# Overview

Sidepane chat surface that slides in from the right on desktop and from the bottom on mobile. 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.Sidepane />
    </AskAI>
  );
}
```

## Notes

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


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