Controls | Judo Documentation

Judo Documentation

All Collections

Controls

Controls

10 articles

▶️ Building a Payment CalculatorGet to know each control by building an interactive payment calculator, complete with Computed Properties, Conditionals, and Combined Text.

Creating a Button

Build a Button and apply one of the following styles: Bordered, Prominent, or Plain.

ButtonA control that initiates an action.

Button Style ModifierSet the style of Buttons within a layer.

Creating a Toggle

Build a Toggle and apply one of the following styles: Switch or Button.

ToggleA control that toggles between on and off states.

Toggle Style ModifierSet the style for Toggles in a layer hierarchy.

Creating a Picker

Build a Picker and apply one of the following styles: Inline, Menu, Navigation Link, Segmented, or Wheel.

PickerA control for selecting from a set of mutually exclusive values.

Picker Style ModifierSet the style of Pickers within a layer.

SliderA control for selecting a value from a bounded linear range of values.

StepperA control that performs increment and decrement actions.

Labels Hidden ModifierHide the labels of any controls contained within a layer.