AskAI.Suggestions

Prompt suggestions list for quick questions

Overview

Renders a horizontal list of prompt suggestions that can be clicked to send a message. The suggestions call into useAskAI.

Usage

import { AskAI } from 'peam/client';

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

Props

import type { ComponentPropsWithoutRef } from 'react';

export interface AskAISuggestionsProps extends ComponentPropsWithoutRef<'div'> {
  prompts?: string[];
  onPromptClick?: (prompt: string) => void;
  onlyWhenEmpty?: boolean;
}

Notes

  • Defaults to a small set of common prompts.
  • When onlyWhenEmpty is true, it renders only if there are no messages.

On this page

GitHubEdit this page on GitHub