PaceUI

  • Components
  • Blocks
  • Templates
  • Studio
  • Resources
Native AI
  • Introduction
Components
  • Browser Support
  • Response Renderer
  • Chat Header
  • Chat Messages
  • Chat Suggestions
  • Chat Input
Use Cases
  • Quick Chat
  • Follow Ups
Hooks
  • useBrowserSupport
  • useNativeAI
  1. Components
  2. Native AI
PreviousNext

Chat Suggestions

Quick-reply suggestion chips for Native AI chat in React.

Overview

The ChatSuggestions component renders a row of suggestive reply options. Clicking a suggestion triggers an action (such as placing it into the chat input or sending it directly).

default.tsx

API Reference

Props

PropTypeDescription
suggestionsstring[]An array of suggested query strings.
onSelect(suggestion: string) => voidEvent handler triggered when a user clicks a suggestion button.
Chat MessagesChat Input

PaceUI

Animated blocks, components, and templates for Next.js and TanStack Start. Built with Motion and shadcn - clean code you own.

GitHubTwitterDiscord

Products

BlocksComponentsTemplatesCraftsTanStack ChartsMCP ServerStarter KitsStyleX Components

Resources

DocumentationMotion ComponentsGSAP AnimationsNative AIBlogChangelog

Pricing & Account

PricingManage AccountLicensesAPI KeysAffiliate Program

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI

Click a suggestion below to select it.