An illustration of a chart, a data grid, and a date calendar UI component
App Layout
App Layout is a component for building common application layouts.
The Button component allows the user to perform actions.
Checkbox is an input field representing a binary choice. Checkbox Group is a group of related binary choices.
Combo Box
Combo Box allows the user to choose a value from a filterable list of options presented in an overlay. It supports lazy loading and can be configured to accept custom typed values.
Confirm Dialog
Confirm Dialog is a modal Dialog used to confirm user actions.
Custom Field
Custom Field is a component for wrapping multiple components as a single field. It has the same features as Input Fields, such as its own label, helper, validation, and data binding. Use it to create custom input components.
Date Picker
Date Picker is an input field that allows the user to enter a date by typing or by selecting from a calendar overlay.
Date Time Picker
Date Time Picker is an input field for selecting both a date and a time.
Details is an expandable panel for showing and hiding content from the user, to make the UI less cluttered.
Dialog is a small window that can be used to present information and user interface elements in an overlay.
Email Field
Email Field, an extension of Text Field, only accepts email addresses as input. If the given address is invalid, the field is highlighted in red and an error message appears underneath the input.
Form Layout
Form Layout allows you to build responsive forms with multiple columns, and to position input labels above or to the side of, the input.
Grid is a component for showing tabular data.
Horizontal Layout
Horizontal Layout places components side-by-side in a row. By default, it has undefined width and height, meaning its size is determined by the components it contains.
Input fields
All input field components share a common set of features.
Integer Field
To allow only integers to be entered, you can use the Integer Field.
Number Field
Number Field sports many of the same features as Text Field, but only accepts numeric input. You can specify a unit as a prefix or suffix for the field.
Password Field
Password Field is an input field for entering passwords. The input is masked by default. On mobile devices, the last typed letter is shown for a brief moment. The masking can be toggled using an optional reveal button.
Radio Button
Radio Button Group allows the user to select exactly one value from a list of related, but mutually exclusive, options.
Scroller is a component container for creating scrollable areas in the UI.
Select allows users to choose a single value from a list of options presented in an overlay.
Split Layout
Split Layout is a component with two content areas and a draggable split handle between them.
Tabs are used to organize and group content into sections that the user can navigate between.
Text Area
Text Area is an input field component for multi-line text input.
Text Field
Text Field allows the user to input and edit text. Prefix and suffix components, such as icons, are also supported.
Time Picker
Time Picker is an input field for entering or selecting a specific time.
Vertical Layout
Vertical Layout places components top-to-bottom in a column. By default, it has 100% width and undefined height, meaning its width is constrained by its parent component and its height is determined by the components it contains.
Virtual List
Virtual List allows you to render a long list of items inside a scrollable container without sacrificing performance. Each item is rendered on the fly as the user scrolls the list.