Socra Developer
DesignComponentsTokensRules
Human Interface Guidelines
Components

Selection and Input

Components that capture values.

Text Field

Text fields capture typed values.


Label, helper text, focus, and error states belong to the primitive.

Switch

Switches toggle immediate binary settings.


Checkbox

Checkboxes select independent options.


Picker and Combo Box

Pickers choose one value from a known set.


Label, helper text, focus, and error states belong to the primitive.

Segmented Control

Segmented controls choose one compact mode.


Slider and Stepper

Sliders and steppers adjust ordered values.


Label, helper text, focus, and error states belong to the primitive.

Color Well

Color wells select authored color tokens or user color input.


Label, helper text, focus, and error states belong to the primitive.