Typography

Thrive UI toolkit - this is a heading 1

H2 heading

H3 heading

H4 heading

Paragraph Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, non?

All classes are prefixed with tvd-

Alignment classes

Add .left-align class

Add .right-align class

Add .center-align class

Float classes

Forms

Red

Yellow

Green

Brown

Red

Yellow

Filled in

Green

Brown

New select no search box

New select search box

Alabama Wyoming

New select optgroups

Alabama Wyoming Cdsaasd Eddsadsa

New select combobox

Alabama Wyoming Cdsaasd Eddsadsa

New select data sources

Button green Button green spinner Button blue Button gray Button red Button red Button flat primary Button flat secondary Button flat disabled Button flat secondary

Cards

Thrive Features

Other card states

API states

Modals

Simple

Modal

Modal width loader

Modal

Green modal

Modal

Orange modal

Modal

Collapsible

• First

  Lorem ipsum dolor sit amet.

• Second

  Lorem ipsum dolor sit amet.

• Third

  Lorem ipsum dolor sit amet.

Collections

• Alvin
• Alvin
• Alvin
• Alvin

Collections with header

• First Names

• Alvin
• Alvin
• Alvin
• Alvin

Switch

Slider

Date picker

Date picker on an icon

Toast

Toast!