Skip to content
Chat & AI

Suggestions

Server Component

Horizontal row of prompt suggestion chips.

Import

tsx
import { Suggestions } from "@cronus-ui/ui";
bash
npx cronus-ui add suggestion

Examples

.cronus

The same component declared in Cronus. Emitted at build time from the audit fixtures — the kernel renders it as HTML with no React.

PortedParity: MatchGeometry 1/1Pixel diff 0 pxLogic 1/1Parity scoreboard
default.cronus
app "audit-fixtures" {
  port 5176
}

style {
  preset aurora
  theme dark
}

component SuggestionDefault layout:inline style:suggestion {
  label "default"
  text "What is Cronus?"
  text "How do I deploy?"
  text "Show an example"
}

page "/audit/suggestion/default" type:custom {
  use SuggestionDefault
}

API Reference

Generated from the component's exported types.

SuggestionsLabels

Skip SuggestionsLabels props table
PropTypeDefaultDescription
suggestions*
string——

SuggestionsProps

Extends HTMLAttributes<HTMLElement>

Skip SuggestionsProps props table
PropTypeDefaultDescription
ref
Ref<HTMLElement>—Ref forwarded to the underlying DOM node.
labels
Partial<SuggestionsLabels>—Override default English strings.
className
string—Additional class names merged onto the root.
children
ReactNode—Contents of the component.
id
string—DOM id of the root element.

SuggestionProps

Extends Omit<ButtonProps, "onClick">

Skip SuggestionProps props table
PropTypeDefaultDescription
suggestion*
string——
onClick
(suggestion: string) => void——
variant
string—Visual variant.
size
string—Control size.
asChild
boolean—Render as the child element via Slot.
disabled
boolean—Disables pointer and keyboard interaction.
type
string—Native type of the underlying element.
children
ReactNode—Contents of the component.
className
string—Additional class names merged onto the root.