AI Elements

Suggestions

Server Component

Horizontal row of prompt suggestion chips.

Import

tsx

import { Suggestions } from "@cronus-ui/ui";

bash

npx cronus-ui add suggestion

Examples

Prompt chips

A horizontal row. `onClick` receives the suggestion string.

tsx

<Suggestions>
  <Suggestion suggestion="Explain tokens" />
  <Suggestion suggestion="Show a login" />
  <Suggestion suggestion="Compose a SaaS" />
</Suggestions>

API Reference

Generated from the component's exported types.

SuggestionsLabels

Prop	Type	Default	Description
`suggestions`*	`string`	—	—

SuggestionsProps

Extends HTMLAttributes<HTMLElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLElement>`	—	Ref forwarded to the underlying DOM node.
`labels`	`Partial<SuggestionsLabels>`	—	Override default English strings.

SuggestionProps

Extends Omit<ButtonProps, "onClick">

Prop	Type	Default	Description
`suggestion`*	`string`	—	—
`onClick`	`(suggestion: string) => void`	—	—