Containers
Page Section |
Page Sections are a required component in order to construct and UI. Think of Page Sections as an HML <section/> tag. Utilizing Page Sections encourage better organized app layouts by encapsulating unique areas of an app. |
Columns ![]() |
Columns make up the grid / column layout for your application. Containing content within column components will ensure you are setting the application up to be more responsive out of the box. |
Box ![]() |
The Box component is similar to a container, but allows children to be freely dragged within its borders. |
Data Entry
Switch ![]() |
Form ![]() |
Text Input ![]() |
![]() |
Phone ![]() |
Text Area ![]() |
Checkbox ![]() |
Radio Button ![]() |
Select ![]() |
Search ![]() |
Rating ![]() |
Iframe ![]() |
Time Picker ![]() |
File Upload ![]() |
Date Picker ![]() |
Number ![]() |
Currency ![]() |
Percentage ![]() |
Password ![]() |
|
Events
Button ![]() |
Modal ![]() |
Link ![]() |
Google Maps ![]() |
Button Group ![]() |
Navigation
Bread Crumbs ![]() |
Pagination ![]() |
Dropdown ![]() |
Navigation Bar ![]() |
Data Display
Avatar ![]() |
Avatar Group ![]() |
Tag ![]() |
Basic Card ![]() |
Descriptions ![]() |
Empty ![]() |
Table ![]() |
Web Cam ![]() |
Slick Carousel ![]() |
Video ![]() |
Space ![]() |
Menu ![]() |
Chart ![]() |
|
|
|
Content Display
Text |
Icon ![]() |
Image ![]() |
Number Inputs
Slider ![]() |
Range Slider ![]() |
|