Prompt Suggestion

Usage

"use client";

import { PromptSuggestion } from "@thenamespace/uikit";

const suggestions = [

Use PromptSuggestion to show suggested prompts near a composer or empty chat state.

Cards

At work

Planning, updates, and stakeholder communication.

"use client";

import { Card, PromptSuggestion } from "@thenamespace/uikit";

const prompts = [

Use card layout for richer prompt starters.

Anatomy

import { PromptSuggestion } from "@thenamespace/uikit";

<PromptSuggestion>
  <PromptSuggestion.Header>
    <PromptSuggestion.Title>What can I help with?</PromptSuggestion.Title>
    <PromptSuggestion.Description>
      Start from a suggested prompt.
    </PromptSuggestion.Description>
  </PromptSuggestion.Header>
  <PromptSuggestion.Items>
    <PromptSuggestion.Item>
      <PromptSuggestion.ItemTitle>
        Summarize this document
      </PromptSuggestion.ItemTitle>
      <PromptSuggestion.ItemDescription>
        Create a concise summary.
      </PromptSuggestion.ItemDescription>
    </PromptSuggestion.Item>
  </PromptSuggestion.Items>
</PromptSuggestion>;