# AskAI.Inline



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

# Overview

Render the entire chat surface ([`AskAI.Header`](/docs/components/ask-ai-header), [`AskAI.Messages`](/docs/components/ask-ai-messages), [`AskAI.Suggestions`](/docs/components/ask-ai-suggestions), [`AskAI.Input`](/docs/components/ask-ai-input)) inline within any container, without needing a separate dialog or sheet wrapper.

## Demo

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

## Usage

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

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

## Props

| Prop    | Type                   | Default | Description                       |
| ------- | ---------------------- | ------- | --------------------------------- |
| *(all)* | `HTMLDivElement` props | —       | Accepts all standard `div` props. |


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