Matte Theme

Matte is a basic, neutral-looking theme for HTML5 controls and inputs. You can use it as a wireframe for prototypes or starting point for creating your own custom theme.

Matte

Available Components

The following list summarizes the UI components that are currently part of the Matte widget set:

Component	Description
Anchor	Provides hyperlink functionality.
Autocomplete	Provides suggestions while you type into a field.
Button	Provides button functionality.
ComponentGroup
DynamicElement	Lets you append a string of markup to a page.
Image	Provides functionality for displaying an image.
InputCheckbox	Provides checkbox functionality.
InputDate	Provides date functionality.
InputNumber	Provides functionality for entering a number in a text field. This typically includes a spinner control attached to the text field.
InputRange	Provides slider functionality.
InputText	Provides functionality for a single-line text field.
List	Provides list functionality.
LoadingPanel	Displays status of a determinate or indeterminate process.
Loading	Shows loading in progress indicator.
Popup	(Deprecated in favor of the new Overlay component.)
Progress	Provides progress bar functionality.
RadioButton	Provides radio button functionality.
RichTextEditor	Provides functioanlity for text entry and styling.
ScrollBars	Provides scrollbar functionality.
Scroller	Adds scollbars if there is too much content.
Select	Provides drop-down list functionality in Mod.
TextArea	Provides functionality for a multiline text field.
TextInput	Provides functionality for a singleline text field.
TextSlider	Adds a numeric slider.
ToggleButton	Provides on/off button functionality.
ToggleSwitch	Provides on/off functionality.
TokenField	Adds text input for multiple items (e.g., tag list or to field in emails).
VideoPlayer	Provides basic video controls.

Installing the Matte Theme

Matte is not included in the default application template. To use Matte in your projects, you have to install it first:

Use your command line tool to switch to your project directory.
```
 cd yourprojectfolder
```
At the prompt, enter:
```
 npm install matte@latest --save
```
The --save flag ensures that the matte package is automatically added as a dependency to the package.json file of your application code.