component

TuxSuggestionChips

Horizontal row of clickable prompt-suggestion chips. Surfaces "what could I ask?" examples in an empty-state composer or "what next?" follow-ups after an assistant response. Pure presentation — host app decides what happens on pick (typically: pre-fill the composer or dispatch the prompt to the chat pipeline).

basic

Plain string items

Each string is used as both the chip label and the emitted prompt. Optional label appears as an eyebrow above the row.

Follow up with

<tux-suggestion-chips
  label="Follow up with"
  :items="[
    'Why does CLS-211 drop on public-tier?',
    'Show per-document score deltas',
    'Promote CLS-211 to staging',
  ]"
  @select="(p) => prompt = p"
/>

label vs prompt

Short label, longer prompt

Pass { label, prompt } objects when you want a short chip but a fuller prompt on dispatch. 

<tux-suggestion-chips
  :items="[
    'Plain string is both label and prompt',
    {
      label: 'Short chip text',
      prompt: 'A longer prompt that the chip expands to when picked.',
    },
  ]"
  @select="onPick"
/>

no-arrow

Without trailing arrow

Pass no-arrow for a tag-style row without the arrow-up-right affordance — useful when the chips are pure filters rather than dispatchable prompts. 

<tux-suggestion-chips
  no-arrow
  :items="['Tag-style chips without trailing arrow']"
/>