Forms & inputs

Collect input and drive interactions.

Inputs

  • Input — single-line text (text, email, password, number).
  • Select — a dropdown of options.
  • Checkbox — a labelled toggle.
  • FormField — a wrapper that adds a label and hint around an input.
  • Stepper — a step indicator for multi-step flows.

Buttons

  • Button — a clickable button (variants + sizes).
  • ActionButton — sets a value on a keyed data element when clicked, to drive live updates (switch a filter, change a view).

Forms & write-back

  • Form — collects the bound inputs inside it and submits them to a connection endpoint (or a URL), with success/error handling. It can write the response to a data key and refresh datasets. Use it to create and update records. See Connecting data.

Inputs as filters

Give an Input or Select a bindKey, then reference that key from a dataset's query — changing the input re-runs the query. This is how dashboard filters work; see Connecting data.

Inputs are bound by key, so one value can drive a query, a computed value, and a display brick at once.

Next steps