Catalogue of form controls used in management modals and wizards: text inputs, textarea, stored secrets, dropdown, checkboxes, radio options, and field states.
Text inputs
Single-line text; use form-input.
form-input
Standard masked input without stored-credential chrome.
Stored secret password (TSIG pattern)
Same markup and classes as DNS provider TSIG secret in Control Plane (dns-prov-secret-wrap, lock icon, replace switch).
dns-prov-secret-wrap
Leave disabled to keep the stored secret unchanged.
Textarea
Same form-input class as single-line fields.
Dropdown
Modal forms use select.form-input.
select.form-input
Colored dot matches the selected status (same pattern as agent status in Control Plane).
Hold Ctrl or Cmd to select more than one option.
Compact toolbar select
List toolbars use the shorter control class.
control
Checkboxes and radio options
Single toggle via form-check-inline.
form-check-inline
Shown when Webhook is checked.
States
Enter a valid email address.