Fields

Catalogue of generic form controls: text inputs, textarea, stored values, dropdown, checkboxes, radio options, and field states.

Text inputs

Single-line text; use form-input.

Standard masked input without stored-value chrome.

Stored value pattern

Generic stored-value layout with a lock icon, status badge, and replacement switch.

Leave disabled to keep the stored value unchanged.

Value stored Leave disabled to keep the current value unchanged.

Textarea

Same form-input class as single-line fields.

Dropdown

Modal forms use select.form-input.

Colored dot matches the selected status.

Hold Ctrl or Cmd to select more than one option.

Compact toolbar select

List toolbars use the shorter control class.

Checkboxes and radio options

Single toggle via form-check-inline.

Output channels
Mode
Value source

States