Component
A component is a generic term for a component that appears on the screen, such as a text field or a push button. Each component has its own characteristics, such as what it inputs and what it displays. Components are classified according to these characteristics.
The list of components is as follows Some support differs between desktop and mobile.
Type | Component | Desktop | Mobile |
---|---|---|---|
Input | Text Field | ✓ | ✓ |
Text Area | ✓ | ✓ | |
Number Field | ✓ | ✓ | |
Big Number | ✓ | ✓ | |
Search Field | ✓ | ✓ | |
Password | ✓ | ✓ | |
Select | ✓ | ✓ | |
Combo Box | ✓ | ✓ | |
Radio Button | ✓ | ✓ | |
Radio Group | ✓ | ✓ | |
Checkbox | ✓ | ✓ | |
Checkbox Group | ✓ | ✓ | |
Switch | ✓ | ✓ | |
Rating | ✓ | ✓ | |
Slider | ✓ | ✓ | |
Spreadsheet | ✓ | ||
Date Picker | ✓ | ✓ | |
Time Picker | ✓ | ✓ | |
Date Time Picker | ✓ | ✓ | |
File Upload | ✓ | ✓ | |
Data Grid | ✓ | ||
Button | Button | ✓ | ✓ |
Icon Button | ✓ | ✓ | |
2D Scanner | ✓ | ||
Display | Typography | ✓ | ✓ |
Rich Text | ✓ | ✓ | |
Image | ✓ | ✓ | |
Image List | ✓ | ✓ | |
Avatar | ✓ | ✓ | |
Basic List | ✓ | ✓ | |
Detailed List | ✓ | ✓ | |
Table | ✓ | ✓ | |
File View | ✓ | ✓ | |
Map Embed | ✓ | ✓ | |
Navigation | App Bar | ✓ | ✓ |
Link | ✓ | ✓ | |
Breadcrumbs | ✓ | ✓ | |
Stepper | ✓ | ✓ | |
Tree View | ✓ | ||
Bottom Navigation | ✓ | ||
Tab | ✓ | ✓ | |
Layout | Box | ✓ | ✓ |
Divider | ✓ | ✓ | |
Chart | Line Chart | ✓ | ✓ |
Bar Chart | ✓ | ✓ | |
Area Chart | ✓ | ✓ | |
Pie Chart | ✓ | ✓ | |
Radar Chart | ✓ | ✓ | |
Project | Event Calendar | ✓ |