App Building Components

App Designer and UI figures support a large set of components for designing modern, full-featured applications. The tables below list the components that are available.

Common Components — Include components that respond to interactions, such as buttons, sliders, drop-down lists, and trees.
Axes — Include axes to create plots for data visualization and exploration.
Containers and Figure Tools — Include panels and tabs for grouping components, as well as menu bars.
Instrumentation Components — Include gauges and lamps for visualizing status, as well as knobs and switches for selecting input parameters.
Extensible Components — Include custom components that you author using HTML, JavaScript®, or CSS. Interface with third-party libraries to display content like widgets or data visualizations.
Toolbox Components — Include toolbox authored UI components. Requires additional toolbox license and installation.

All components are available programmatically. Most UI components are also available in the App Designer Component Library for you to drag and drop onto the canvas. To add components to an App Designer app that are not available in the Component Library, or that you want to add dynamically to the running app, see Add UI Components to App Designer Programmatically.

When calling graphics functions in App Designer, the workflow is slightly different than you typically use at the MATLAB^® command line. For more information about how to call graphics functions in App Designer, see Display Graphics in App Designer.

Common Components

Component Information	Example
Button Properties
CheckBox Properties
DatePicker Properties
DropDown Properties
NumericEditField Properties
EditField Properties
Image Properties
Label Properties
ListBox Properties
ButtonGroup Properties RadioButton Properties
Slider Properties
Spinner Properties
StateButton Properties
Table Properties
TextArea Properties
ButtonGroup Properties ToggleButton Properties
Tree Properties TreeNode Properties

Axes

Axes Information	Example
UIAxes Properties
Axes Properties This object can be added programmatically only.
GeographicAxes Properties This object can be added programmatically only.
PolarAxes Properties This object can be added programmatically only.

Containers and Figure Tools

Container Information	Example
GridLayout Properties
Panel Properties
TabGroup Properties Tab Properties
Menu Properties
ContextMenu Properties
Toolbar Properties PushTool Properties ToggleTool Properties These objects can be added programmatically only.

Dialogs and Notifications

Dialog Information	Example
`uialert` This object can be added programmatically only.
`uiconfirm` This object can be added programmatically only.
`uiprogressdlg` This object can be added programmatically only.
`uisetcolor` This object can be added programmatically only.
`uigetfile` This object can be added programmatically only.
`uiputfile` This object can be added programmatically only.
`uigetdir` This object can be added programmatically only.
`uiopen` This object can be added programmatically only.
`uisave` This object can be added programmatically only.

Instrumentation

Component Information	Example
Gauge Properties
NinetyDegreeGauge Properties
LinearGauge Properties
SemicircularGauge Properties
Knob Properties
DiscreteKnob Properties
Lamp Properties
Switch Properties
RockerSwitch Properties
ToggleSwitch Properties

Extensible Components

Component Information	Example
HTML Properties

Component Information

Example

HTML Properties

Toolbox Components

Apps created in App Designer or with the uifigure function support Aerospace Toolbox components. For more information, see Flight Instruments (Aerospace Toolbox). To use toolbox components, a valid license and installation of the associated toolbox is required.

Documentation