Skip to content

UI Pattern

Form Controls

Text inputs, selection fields and choice controls with validation, focus and disabled states.

Text inputs

Input states

Common field states for default, focus, validation and locked inputs.

Used to identify this project across the workspace.
Email verified
Include https://
Project code must use the format PRJ-000.
Cannot be edited

Textarea & select

Long-form & selection inputs

Controls for extended text and predefined option selection.

Maximum 500 characters
Used to organize projects and reporting.

Choice controls

Checkbox, radio & toggle

Controls for independent selections, single-choice options and binary settings.

Checkbox
Radio
Toggle