Components / Suggestion Pills
Suggestion Pills
Equal-weight conversation starters above the composer: outlined pills that each send a ready-made message. No recommendation is being made; every option carries the same weight.
import { SuggestionPills } from '@layers/ui/suggestion-pills'Rendered stock
House rules
- Suggestions render directly above the composer, never in the stream (the iOS autocomplete position).
- Tap is send: selecting a pill echoes it as a user message and commits in one step. Never pre-fill the input.
- When the agent has a recommendation to make, this is the wrong component; use DecisionPills.
- escapePill renders a muted dashed pill after the options for the standing way out, wired to onEscape.