Components

This is a library of UI building blocks that form the basis for our interfaces.

Loading items
Checkbox
An interactive control for indicating an affirmative, negative, or indeterminate choice
Date-Time
A form control that enables users to input or select a date, time, or date and time value.
Date-Time-Interval
A form control that enables users to select a range of dates and times.
Display Only Form
Displays the main details (fields) of a given record in a table.
Dropdown
A dropdown menu that allows user to select one or more values.
Form
The form bundle which contains the form component prewired with the form controller.
Input
Form element for basic user input in the form of text, values, or symbols
Input password
Form element for passwords that accepts input in the form of text, values, or symbols with validation
Input phone
Form input for phone number text, including country and other identifying codes
Input URL
Accepts hyperlinks as input for entering and editing web addresses
Radio buttons
An interactive control for selecting a single input from a group of mutually exclusive choices
Select
A form control that provides a dropdown of options for a user to select from
Textarea
Allows user to enter text within a larger area. Textarea input fields are used in forms and other use cases which require multi-line user input
Toggle
Changes the state of a single setting to on or off; a toggle consists of a handle, a track, and a label
Typeahead
Form element for text input with a dropdown to show relevant or suggested values and highlights matching values as the user enters characters into the input field
Typeahead multi
Form element for text input with a dropdown that allows selection of multiple items; shows matching items as a user enters characters in the input field and displays selected items as pills