Ai

AI Suggestion

A suggestion component that displays a horizontal row of clickable suggestions for user interaction.

Powered by

Lucide

Installation

shadcn

npx shadcn@latest add https://www.shadcn.io/registry/ai.json

Features

Horizontal row of clickable suggestion buttons
Customizable styling with variant and size options
Flexible layout that wraps suggestions on smaller screens
onClick callback that emits the selected suggestion string
Support for both individual suggestions and suggestion lists
Clean, modern styling with hover effects
Responsive design with mobile-friendly touch targets
TypeScript support with proper type definitions

Examples

Usage with AI Input

AI Sources

A component that allows a user to view the sources or citations used to generate a response.

AI Tool

A collapsible component for displaying tool invocation details in AI chatbot interfaces.