AI Components / Follow Up
Follow Up
AI suggestion chips that appear after a response to guide the next question. Staggered animation, 3 variants.
ai-displayv0.1.0
Playground
Examples
With icons
<cg-follow-up></cg-follow-up>Plain chips
<cg-follow-up></cg-follow-up>Cards
<cg-follow-up variant="cards"></cg-follow-up>Buttons
<cg-follow-up variant="buttons"></cg-follow-up>With overflow
<cg-follow-up maxVisible="3"></cg-follow-up>Loading
<cg-follow-up loading></cg-follow-up>Import
import { CgFollowUp } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/cg-follow-up';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
items | string[] | {text, icon}[] | — | Suggestion items |
label | string | "Suggested" | Header label |
variant | "chips" | "cards" | "buttons" | "chips" | Visual variant |
hideLabel | boolean | false | Hide the header label |
disabled | boolean | false | Disable all chips |
loading | boolean | false | Show shimmer placeholders |
maxVisible | number | 0 | Max visible items (0 = show all) |
Events
| Event | Detail | Description |
|---|---|---|
cg-follow-up-click | {text} | When a suggestion is clicked |