Components are the building blocks of any web application. Components are used to display information and keep it organized.

Components (Card)

A Component is the main structure for displaying information in the content sections of a screen. A component is composed of different elements with various sizes and functions. It correspondes with the grid system and fits various screen sizes.

Sample Card Heading Configure Expand Print

Text for the card goes here.

Alternate Components (Card)

The idea behind these alternate component boxes is to provide the user with more call out information. Any secondary color can be used from the color palette.

Sample Card Heading close

Text for the card goes here.

Standard Table

Tables make it easy to display content into different rows. The following table showcases the minimum spacing measurements. Each column should be measured accordingly to the content at hand. This is dependent on how long the content is. The padding measurements should start from the longest piece of content.

Table Inside of a Component

Tables can be included inside of cards. Example below.

Sample Inside of Card