# AskAI.Trigger



# Overview

Trigger button for opening and closing AskAI surfaces. Use it with [AskAI.Dialog](/docs/api-reference/client/ask-ai-dialog), [AskAI.Chat](/docs/api-reference/client/ask-ai-chat), or [AskAI.Sidepane](/docs/api-reference/client/ask-ai-sidepane).

## Usage

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

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

## Props

```ts
import type { ComponentPropsWithoutRef, ReactNode } from 'react';
import type { PeamButtonVariant } from 'peam/client';

export interface AskAITriggerProps extends ComponentPropsWithoutRef<'button'> {
  asChild?: boolean;
  children?: ReactNode;
  inlineButton?: boolean;
  variant?: PeamButtonVariant;
}
```

## Notes

* If `children` is not provided, a default floating button is rendered.
* When `asChild` is `true`, the trigger renders a Radix `Slot`.
* Must be rendered inside [AskAI](/docs/api-reference/client/ask-ai) or [AskAIProvider](/docs/api-reference/client/ask-ai-provider).


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