Suggestion Chip
A suggested prompt: a starter card for the empty screen, or a follow-up pill under a reply.
Choosing one is up to you: fill the prompt box with label and send it. Starters rise 8px and fade in 50ms apart when you give each an index; hover lifts a chip 1px and strengthens its border.
Starter
A card with an icon tile, a title and a one-line hint. Give each an index so they arrive one after another.
Follow-up
A pill with an arrow, for under a reply.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'starter' | 'follow-up' | 'follow-up' | A card with a hint, or a pill with an arrow. |
| label | string | The prompt. For a starter it is the title. | |
| hint | string | Starter only: a one-line hint under the title. | |
| icon | IconComponent | Starter: the icon in the tile. Follow-up: defaults to an arrow. | |
| index | number | Starter: its place in the row, so each rises 50ms after the one before. | |
| onClick | MouseEventHandler | Every native button attribute is forwarded. |