PromptSuggestion

A pill-shaped suggestion chip that populates the prompt input when clicked — ideal for empty-state starter prompts.

import { PromptSuggestion } from "@aetherstack/ui"

Installation

terminal

npx aether-ui add prompt-suggestion

Import

import.tsx

import { PromptSuggestion } from "@aetherstack/ui"

Usage

promptsuggestion.tsx

import { Sparkles } from "lucide-react"

<PromptSuggestion
  label="Brainstorm ideas"
  icon={<Sparkles className="h-3.5 w-3.5" />}
  onClick={() => setValue("Brainstorm ideas for my project")}
/>

Props

Prop	Type	Default	Description
label*	string	—	Button label text.
icon	React.ReactNode	—	Optional icon rendered before the label.
onClick	() => void	—	Click handler — typically sets the prompt input value.
className	string	—	Additional CSS classes.

* Required