Components

Written By Brian Sathinathan (Super Administrator)

Updated at June 22nd, 2023

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

 

Email

 

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