Suggestion Pills

About this piece

Suggestion Pills

Wrapping row of pill suggestions that seed the prompt input with common intents.

Usage

The import and the props worth knowing about, in one place.

import { Ai9 } from "@/components/beste/piece/ai9";

<Ai9
  surface="card"
  bordered={true}
  inverted={false}
  prompts={[
    "Summarize this doc",
    "Draft a reply",
    "Extract action items",
    "Translate to Turkish"
  ]}
/>

More AI pieces

View all AI
Thinking

Thinking Dots

Three staggered violet-to-fuchsia dots inside a pill next to a Thinking label.

Write a landing page hero for a coffee roaster

Prompt Input

Chat prompt card with a sparkle glyph, multi-line value, attach button, and a smart send arrow.

support-reply.prompt
You are a helpful assistant. The user asked: {{question}}. Answer in {{tone}} tone.

Prompt Template

Monospace prompt card with inline handlebars-style variables highlighted in violet against plain body text.

Feedback Row

Thumbs up and down buttons with tinted active state, alongside copy and share actions.

"where is my order?"

order_status
87%
shipping_eta
9%
refund_request
4%

Intent Classifier

Intent ranking panel with the raw user input quoted above and a list of candidate labels with confidence bars.

Model Selector

Gradient sparkle tile inside a pill showing the model name, a speed caption, and a dropdown arrow.