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 ![]() |
|
















































