Suggestions

Starter prompts, offered before the first message. Buttons rather than a list, because each one performs an action.

src/components/ui/suggestions.tsx

About

From the component's own source, where it was written.

Starter prompts, offered before the first message.

Buttons rather than a list: each one performs an action, and the pill shape signals "tap me" in a way a bulleted list does not.

npx astralyx-ui add suggestions

import { Suggestions } from '@/components/ui/suggestions'

<Suggestions items={prompts} onSelect={send} />

Change the props and the source below follows.

Props

long prompts

tsx

<Suggestions
  items={['Explain the colour sets', 'Add a component']}
  onSelect={send}
/>

tsx

<Suggestions items={prompts} onSelect={send} />

Generated from the source, so it cannot fall behind the code. One table per exported component, then hooks, functions and types.

Starter prompts, offered before the first message.

Extends Omit<ComponentProps<'div'>, 'onSelect'>.

Prop	Type	Default	Description
items	string[]	required	The prompts.
onSelect	(prompt: string) => void	—	Fires with the chosen prompt.