Component · Messaging
Prompt suggestion
a tappable starter prompt — a rich card, or a compact chip in a row.
Example
Playground
Where available
✓ React
✓ Angular
✓ Web Components
✓ Blazor
✓ Tokens
Using it
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
| Target | Reference | Package |
|---|
| React | <PromptSuggestion> | @design-foundry/lucent-react |
| Angular | <lucent-prompt-suggestion> | @design-foundry/lucent |
| Web Components | <lucent-prompt-suggestion> | @design-foundry/lucent-wc |
| Blazor | <LucentPromptSuggestion> | DesignFoundry.Lucent |
API
| Prop | Type | Default | Description |
|---|
| variant | card | chip | card | rich card, or compact chip. |
| label | string | — | primary text. |
| description | string | — | second line (card only). |
| icon | string | — | leading glyph. |