select

A dropdown of string options with a current value — pick one from a closed list without opening a sheet.

Example

select

phone

SPEC.JSONCopy

{ "id": "f", "layout": { "_id": "root", "type": "column", "gap": 12, "padding": 16, "children": [ { "_id": "s", "type": "select", "label": "Size", "options": [ "S", "M", "L" ], "value": "M" } ] } }

RENDERED OUTPUTFRAMEWERK RENDERER

Size

M▼

States

value selection. Common to every node: hover / press / focus CSS bags, showWhen / hideWhen, animate.

Stability

This node type is part of the format contract: adding an optional prop is additive; removing the node or narrowing an existing prop is breaking. Prop tables are generated from the schema; this page carries the prose.