SuggestionChips

Row of clickable prompt suggestions.

Available inreactangular

Preview

Live previewreal component

Install

TerminalBash

$ npx @mcp-elements/cli add suggestion-chips

Usage

suggestion-chips-example.tsxTSX

import { SuggestionChips, SuggestionChip } from '@mcp-elements/react'

export function Example() {
  return (
    <SuggestionChips>
      <SuggestionChip>Summarize this</SuggestionChip>
      <SuggestionChip variant="primary">Write tests</SuggestionChip>
      <SuggestionChip variant="outline">Explain the error</SuggestionChip>
    </SuggestionChips>
  )
}

Props

Prop	Type	Default	Description
`children`	`React.ReactNode`	—	SuggestionChip elements to render
`variant (SuggestionChip)`	`'default' \| 'primary' \| 'outline'`	`'default'`	Visual style of an individual chip