Note: This list may not be complete. No component, listed or unlisted, may be used outside of
the technology in which it is released. The usage decision for a component is found in the Decision
and Decision Constraints.
Accordion
|
The Accordion UI component contains several panels displayed one under another. |
ActionSheet
|
The ActionSheet UI component is a sheet containing a set of buttons located one under the other. These buttons usually represent several choices relating to a single task. |
Autocomplete
|
Autocomplete is a text box that displays suggestions while a user types. |
BarGauge
|
Gauge bars display values on a bar gauge. Each bar is located on a separate circular track and indicates one value. |
Box
|
The Box UI component allows you to arrange various elements within it. This UI component is separate and adaptive and acts as the layout`s building block. |
Bullet
|
A bullet bar is a horizontal bar that indicates a bullet chart`s primary value. |
Button
|
https://js.devexpress.com/Documentation/Guide/UI_Components/Button/Getting_Started_with_Button/ |
ButtonGroup
|
The ButtonGroup is a set of toggle buttons that can be used as a mode switcher. |
Calender
|
The Calendar component allows users to select a date within a specified date range. |
Chart
|
The Chart is an interactive UI component that visualizes data from a local or remote storage using a great variety of series types.
|
CheckBox
|
The CheckBox is a small box, which when selected by the end user, shows that a particular feature has been enabled or a specific property has been chosen. |
Circular Gauge
|
https://js.devexpress.com/Documentation/Guide/UI_Components/CircularGauge/Visual_Elements/ |
ColorBox
|
The ColorBox is a UI component that allows an end user to enter a color or pick it out from the drop-down editor. |
ContextMenu
|
The ContextMenu UI component displays a single- or multi-level context menu. An end user invokes this menu by a right click or a long press |
DataGrid
|
The DataGrid component displays data from a local or remote store and allows users to sort, group, filter, and perform other operations on columns and records. |
DateBox
|
DateBox is a UI component that allows users to set a certain date, time, or date/time combination. |
Diagram
|
The Diagram UI component provides a visual interface to help you design new and modify existing diagrams. |
Drawer
|
The Drawer is a dismissible or permanently visible panel that you can use for navigation in responsive web application layouts. |
DropDownBox
|
The DropDownBox is a UI component that consists of a text field, which displays the current value, and a drop-down field, which can contain any UI element. |
DropDownButton
|
The DropDownButton combines the functionality of a button and a drop-down menu. You can replace the menu with a custom drop-down control. |
FileBuilder
|
The FilterBuilder UI component allows a user to build complex filter expressions with an unlimited number of filter conditions using the UI. |
FileManager
|
The FileManager UI component allows users to manage files and directories. |
FileUploader
|
The FileUploader UI component enables an end user to upload files to the server. An end user can select files in the file explorer or drag and drop files on the page`s FileUploader area. |
FilterBuilder
|
The FilterBuilder UI component allows a user to build complex filter expressions with an unlimited number of filter conditions using the UI. |
Floating Action Button
|
The Floating Action Button (FAB) is the primary action button on a screen that is displayed in front of all screen content. The FAB can execute an action or open a stack of two to five related actions (speed dial |
Form
|
The Form component creates a data entry UI for the underlying data object. The interface consists of automatically-arranged label-editor pairs that correspond to data fields. You can change data values, validate user input, and send the resulting data to the server. |
Funnel
|
The Funnel is a UI component that visualizes a value at different stages in the form of a funnel. It helps assess value changes throughout these stages and identify potential issues. |
Gallery
|
The Gallery is a UI component that displays a collection of images in a carousel. The UI component is supplied with various navigation controls that allow a user to switch between images. |
Gantt
|
The Gantt UI component displays the task flow and dependencies between tasks. |
HtmlEditor
|
The HtmlEditor is a client-side WYSIWYG editor that allows its users to format textual and visual content and output it as HTML or Markdown. |
LinearGauge
|
A value indicator is a pointer that designates the main value on the LinearGauge. There is a set of predefined value indicator types for this UI component. |
List
|
The List displays data from a local or remote data storage and allows users to group, select, search, reorder, and delete items. |
LoadIndicator
|
The LoadIndicator is a UI element notifying the viewer that a process is in progress. |
LoadPanel
|
The LoadPanel is an overlay UI component notifying the viewer that loading is in progress. |
Lookup
|
Lookup is a component that allows users to search and select an item in the drop-down list. |
Map
|
The Map is an interactive UI component that displays a geographic map with markers and routes. |
Menu
|
https://js.devexpress.com/Documentation/Guide/UI_Components/Menu/Getting_Started_with_Menu/ |
Multiview
|
The MultiView is a UI component that contains several views. An end user navigates through the views by swiping them in the horizontal direction. The UI component is often used along with the Tabs UI component. |
NumberBox
|
The NumberBox is a UI component that displays a numeric value and allows a user to modify it by typing in a value, and incrementing or decrementing it using the keyboard or mouse. |
PieChart
|
The PieChart UI component visualizes data as a circle divided into portions (slices) to illustrate data proportions. |
PivotGrid
|
The PivotGrid component allows you to display and analyze multi-dimensional data from a local storage or an OLAP cube. |
PolarChart
|
Topics in this section describe PolarChart UI component elements. Each topic gives an overview of the element`s purpose, and details how to enable and tune the chart element to your needs. |
Popover
|
The Popover is a UI component that shows notifications within a box with an arrow pointing to a specified UI element. |
Popup
|
The Popup displays content in a window that overlays the current view. |
ProgressBar
|
The ProgressBar is a UI component that shows current progress. |
RadioGroup
|
The RadioGroup is a UI component that contains a set of radio buttons and allows an end user to make a single selection from the set. |
RangeSelector
|
https://js.devexpress.com/Documentation/Guide/UI_Components/RangeSelector/Visual_Elements/ |
RangeSlider
|
The RangeSlider is a UI component that allows an end user to choose a range of numeric values. Basically, the RangeSlider is the Slider UI component with a second handle added. |
ResponsiveBox
|
The ResponsiveBox UI component allows you to create an application or a website with a layout adapted to different screen sizes. |
Sankey
|
The Sankey is a UI component that visualizes the flow magnitude between value sets. The values are connected. A wider connection denotes a higher flow magnitude. |
Scheduler
|
The Scheduler component emulates the user interface of Calendar applications on Windows or Mac OS. |
ScrollView
|
The ScrollView is a UI component that enables a user to scroll its content. |
SelectBox
|
SelectBox is an editor that allows users to select a value from a drop-down list or add a new value. |
Slider
|
The Slider is a UI component that allows an end user to set a numeric value on a continuous range of possible values. |
Sparkline
|
https://js.devexpress.com/Documentation/Guide/UI_Components/Sparkline/Visual_Elements/ |
Switch
|
The Switch is a UI component that can be in two states: `On` (when value is true) and `Off` (when value is false). |
TabPanel
|
The TabPanel UI component consists of the Tabs and MultiView components. The TabPanel automatically synchronizes the selected tab with the currently displayed view and vice versa |
TagBox
|
The TagBox is an editor that allows users to select multiple items from a drop-down list. |
TextArea
|
The TextArea is a UI component that enables users to enter and edit multi-line text. |
TextBox
|
TextBox is a component that allows users to enter and edit a single line of text. |
TileView
|
The TileView UI component contains a collection of tiles. Tiles can store much more information than ordinary buttons, that is why they are very popular in apps designed for touch devices. |
Toast
|
Toast is a UI component that displays pop-up notifications. |
Toolbar
|
https://js.devexpress.com/Documentation/Guide/UI_Components/Toolbar/Getting_Started_with_Toolbar/ |
Tooltip
|
The Tooltip UI component displays a tooltip for a specified element on the page. |
TreeList
|
The TreeList component uses a multi-column tree view to display data from a local or remote storage and allows users to sort, group, filter, and perform other data operations. |
TreeView
|
The TreeView component displays a tree of text nodes from a local or remote source. |
VectorMap
|
https://js.devexpress.com/Documentation/Guide/UI_Components/VectorMap/Visual_Elements/ |