Follow Up

AI suggestion chips that appear after a response to guide the next question. Staggered animation, 3 variants.

ai-display v0.1.0

Playground

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>

<cg-follow-up loading></cg-follow-up>

import { CgFollowUp } from '@cognivo/components';

// Or tree-shake: import '@cognivo/components/cg-follow-up';

Per-component imports ship only that component (~8 kB gzip).

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)

Event	Detail	Description
`cg-follow-up-click`	{text}	When a suggestion is clicked