Component
A component is a generic term for a component that appears on the screen, such as a text field or a 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 | Tablet |
|---|---|---|---|---|
| Canvas | Canvas | 〇 | 〇 | 〇 |
| Input | Text Field | 〇 | 〇 | 〇 |
| Text Area | 〇 | 〇 | 〇 | |
| Number Field | 〇 | 〇 | 〇 | |
| Big Number | 〇 | 〇 | 〇 | |
| Search Field | 〇 | 〇 | 〇 | |
| Password | 〇 | 〇 | 〇 | |
| Select | 〇 | 〇 | 〇 | |
| Combobox | 〇 | 〇 | 〇 | |
| 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 | 〇 | 〇 | 〇 | |
| 1D Scanner | 〇 | 〇 | 〇 | |
| 2D Scanner | 〇 | 〇 | 〇 | |
| Pagination | 〇 | 〇 | 〇 | |
| Display | Typography | 〇 | 〇 | 〇 |
| Rich Text | 〇 | 〇 | 〇 | |
| Image | 〇 | 〇 | 〇 | |
| Image List | 〇 | 〇 | 〇 | |
| External Resource | 〇 | 〇 | 〇 | |
| Carousel | 〇 | 〇 | 〇 | |
| Avatar | 〇 | 〇 | 〇 | |
| Basic List | 〇 | 〇 | 〇 | |
| Detailed List | 〇 | 〇 | 〇 | |
| Custom List | 〇 | 〇 | 〇 | |
| Custom Grid | 〇 | 〇 | 〇 | |
| Table | 〇 | 〇 | 〇 | |
| File View | 〇 | 〇 | 〇 | |
| Map Embed | 〇 | 〇 | 〇 | |
| Navigation | App Bar | 〇 | 〇 | 〇 |
| Link | 〇 | 〇 | 〇 | |
| Breadcrumbs | 〇 | 〇 | 〇 | |
| Stepper | 〇 | 〇 | 〇 | |
| Tree View | 〇 | 〇 | ||
| Bottom Navigation | 〇 | 〇 | ||
| Tab | 〇 | 〇 | 〇 | |
| Accordion | 〇 | 〇 | 〇 | |
| Layout | Box | 〇 | 〇 | 〇 |
| Divider | 〇 | 〇 | 〇 | |
| Chart | Line Chart | 〇 | 〇 | 〇 |
| Bar Chart | 〇 | 〇 | 〇 | |
| Area Chart | 〇 | 〇 | 〇 | |
| Pie Chart | 〇 | 〇 | 〇 | |
| Radar Chart | 〇 | 〇 | 〇 | |
| Project | Event Calendar | 〇 | 〇 | |
| Chatbot | 〇 | 〇 | 〇 |