Prompts

A set of suggested questions that starts or continues a chat when the reader clicks one.

Basic

Pass items with an icon, label and description each, a title above them, and disabled on a prompt to lock it.

Item click

Pass onItemClick to act on the prompt a reader picks, with the clicked item in info.data, like sending its question.

Fade in

Set fadeIn to fade the prompts in when they render, or fadeInLeft to reveal them from left to right.

Vertical

Set vertical to stack the prompts in a column, which suits longer questions.

Wrap

Set wrap to let short prompts flow onto more lines when the row runs out of room.

Fixed width

Combine wrap with a width on the item slot of classNames to lay the prompts out in two even columns.

Nested

Give a prompt children to group follow-up questions under it, each clickable on its own.

In context

The component inside real screens, with the components it usually sits beside.

New chat starters

A new chat screen with a heading, four starter cards in two columns that fill the input when picked, and the input below.

Follow-up questions

An assistant answer with suggested follow-up questions under it, each sent as the next message and answered after a short wait.
A gallery of chat templates in three columns, switched by category from the card header, that start a chat when picked.