Style Guide

Headers


XLarge heading

Large Heading

Medium Heading

Buttons


Default Secondary Disabled
Default Default Default

Floating Label Example


Start typing and the label will stay viz

Ninja Form Example


JS will likely be required to get the floating label to work with NF.

Pagination


Radio Buttons


Checkboxes


2 Column Cards

Medium Heading


Lorem ipsum dolor sit amet, conse ctetur adip iscing elit, sed do eiusmod tempor incidi dunt ut labore et dolore magna aliquag lorem ipsum dolor sit amet, conse ctetur adiam iscing lorem ipsum dolor sit. Lorem ipsum dolor sit amet, conse ctetur adip iscing elit, sed do eiusmod tempor incidi dunt ut.

Medium Heading


Lorem ipsum dolor sit amet, conse ctetur adip iscing elit, sed do eiusmod tempor incidi dunt ut labore et dolore magna aliquag lorem ipsum dolor sit amet, conse ctetur adiam iscing lorem ipsum dolor sit. Lorem ipsum dolor sit amet, conse ctetur adip iscing elit, sed do eiusmod tempor incidi dunt ut.

Lorem ipsum dolor sit amet, conse ctetur adip iscing elit, sed do eiusmod tempor incidi dunt ut labore et dolore magna aliquag lorem ipsum dolor sit amet, conse ctetur adiam iscing lorem ipsum dolor sit. Lorem ipsum dolor sit amet, conse ctetur adip iscing elit, sed do eiusmod tempor incidi dunt ut. Dolore magna aliquag lorem ipsum dolor sit amet, conse ctetur adiam iscing l

Extra Large Heading


Lorem ipsum dolor sit amet, conse ctetur adip iscing elit, sed do eiusmod tempor incidi dunt ut labore et dolore magna aliquag lorem ipsum dolor sit amet, conse ctetur adiam iscing lorem ipsum dolor sit.

3 Column Component

Tempor incidi dunt ut labore et dol ore magna

Read More

Tempor incidi dunt ut labore et dol ore magna

Read More

Tempor incidi dunt ut labore et dol ore magna

Read More