Select tile
Composite Inputs and selection draft Gen UI part Needs actionA large tappable choice with a title and an optional caption. For picks that need more than a chip.
Examples
HTML and CSS
Framework-free reference. Styles live in system/components/select-tile.css and read only tokens. Wrap markup in .v-root.
Rendered markup of the anatomy example
Props and slots
The component API. Gen UI JSON uses these names, and the Flutter widget should mirror them.
Props
| Prop | Values | Default |
|---|---|---|
title * | string | |
caption | string | |
selected | boolean | |
group | string | |
align | start | center | start |
size | md | lg | md |
variant | outlined | raised | outlined |
disabled | boolean | |
action * | string. Action name, e.g. "plan.open" or "pay.share". The part before the dot is the action type. | |
payload | object |
* required.
Slot rules
No slots. This part takes no children.
In Gen UI
How VelioBot uses this part. The bot returns JSON; the validator checks it; the renderer draws it.
JSON node
Every node may also carry id, grow, attribution, privateOnly and fallbackText. Interactive: the node must carry an action, and taps emit { action, payload }.
Rules that name this part
No part-specific rules. The structure and behaviour rules still apply.
Usage in recipes
3 of the original cards use it. After V1. Priority table
Bot functions: Group plans, Meet new people, Onboarding and profile, Plan day and live ETA, Suggestions, Trips.