# AskAI.Sidepane



import { Preview } from '@/components/preview';

# Overview

Sidepane surface that slides in from the right on desktop and from the bottom on mobile, giving you a persistent chat surface without blocking the page. Pair it with [`AskAI.Trigger`](/docs/components/ask-ai-trigger).

## Demo

<Preview path="ask-ai-sidepane" />

## Usage

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

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

## Notes

* Must be rendered inside `AskAI`.

## Props

| Prop       | Type                   | Default     | Description                       |
| ---------- | ---------------------- | ----------- | --------------------------------- |
| `children` | `ReactNode`            | `undefined` | Custom sidepane contents.         |
| *(all)*    | `HTMLDivElement` props | —           | Accepts all standard `div` props. |


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