Primary







Primary, Left Icon

Download Document

Primary, Right Icon

Primary, Two Icons

Upload Changes

Primary







Primary, Left Icon

Download Document

Primary, Right Icon

Primary, Two Icons

Upload Changes

Primary







Primary, Left Icon

Download Document

Primary, Right Icon

Primary, Two Icons

Upload Changes

Primary







Primary, Left Icon

Download Document

Primary, Right Icon

Primary, Two Icons

Upload Changes

Primary







Primary, Left Icon

Download Document

Primary, Right Icon

Primary, Two Icons

Upload Changes

Primary, Small







Primary, Small, Left Icon

Primary, Small, Right Icon

Continue

Primary, Small, Two Icons

Primary, Small







Primary, Small, Left Icon

Primary, Small, Right Icon

Continue

Primary, Small, Two Icons

Primary, Small







Primary, Small, Left Icon

Primary, Small, Right Icon

Continue

Primary, Small, Two Icons

Primary, Small







Primary, Small, Left Icon

Primary, Small, Right Icon

Continue

Primary, Small, Two Icons

Primary, Small







Primary, Small, Left Icon

Primary, Small, Right Icon

Continue

Primary, Small, Two Icons

Secondary







Secondary, Left Icon

Secondary, Right Icon

Continue

Secondary, Two Icons

Secondary







Secondary, Left Icon

Secondary, Right Icon

Continue

Secondary, Two Icons

Secondary







Secondary, Left Icon

Secondary, Right Icon

Continue

Secondary, Two Icons

Secondary







Secondary, Left Icon

Secondary, Right Icon

Continue

Secondary, Two Icons

Secondary







Secondary, Left Icon

Secondary, Right Icon

Continue

Secondary, Two Icons

Secondary, Small







Secondary, Small, Left Icon

Secondary, Small, Right Icon

Continue

Secondary, Small, Two Icons

Secondary, Small







Secondary, Small, Left Icon

Secondary, Small, Right Icon

Continue

Secondary, Small, Two Icons

Secondary, Small







Secondary, Small, Left Icon

Secondary, Small, Right Icon

Continue

Secondary, Small, Two Icons

Secondary, Small







Secondary, Small, Left Icon

Secondary, Small, Right Icon

Continue

Secondary, Small, Two Icons

Secondary, Small







Secondary, Small, Left Icon

Secondary, Small, Right Icon

Continue

Secondary, Small, Two Icons

Icon Only







Icon Only, Small







Icon Only







Icon Only, Small







Icon Only







Icon Only, Small







Icon Only







Icon Only, Small







Icon Only







Icon Only, Small







Vertical Alignment of Content

Primary

Primary

Primary

Primary

Primary

Primary Small

Primary Small

Primary Small

Primary Small

Primary Small

Secondary

Secondary

Secondary

Secondary

Secondary

Secondary Small

Secondary Small

Secondary Small

Secondary Small

Secondary Small

Button States

Primary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Content Lengths

Primary Too Much Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ut aliquid tenetur sequi pariatur rem expedita similique, rerum, corrupti assumenda alias adipisci distinctio.

Primary Too Much Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ut aliquid tenetur sequi pariatur rem expedita similique, rerum, corrupti assumenda alias adipisci distinctio.

Primary Too Much Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ut aliquid tenetur sequi pariatur rem expedita similique, rerum, corrupti assumenda alias adipisci distinctio.

Primary Too Much Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ut aliquid tenetur sequi pariatur rem expedita similique, rerum, corrupti assumenda alias adipisci distinctio.

Primary Too Much Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ut aliquid tenetur sequi pariatur rem expedita similique, rerum, corrupti assumenda alias adipisci distinctio.

Primary Too Little Content

.

Primary Too Little Content

.

Primary Too Little Content

.

Primary Too Little Content

.

Primary Too Little Content

.

Primary, Large







Primary, Large, Left Icon

Primary, Large, Right Icon

Continue

Primary, Large, Two Icons

Primary, Large







Primary, Large, Left Icon

Primary, Large, Right Icon

Continue

Primary, Large, Two Icons

Primary, Large







Primary, Large, Left Icon

Primary, Large, Right Icon

Continue

Primary, Large, Two Icons

Primary, Large







Primary, Large, Left Icon

Primary, Large, Right Icon

Continue

Primary, Large, Two Icons

Primary, Large







Primary, Large, Left Icon

Primary, Large, Right Icon

Continue

Primary, Large, Two Icons

Secondary, Large







Secondary, Large, Left Icon

Secondary, Large, Right Icon

Continue

Secondary, Large, Two Icons

Secondary, Large







Secondary, Large, Left Icon

Secondary, Large, Right Icon

Continue

Secondary, Large, Two Icons

Secondary, Large







Secondary, Large, Left Icon

Secondary, Large, Right Icon

Continue

Secondary, Large, Two Icons

Secondary, Large







Secondary, Large, Left Icon

Secondary, Large, Right Icon

Continue

Secondary, Large, Two Icons

Secondary, Large







Secondary, Large, Left Icon

Secondary, Large, Right Icon

Continue

Secondary, Large, Two Icons

Primary Large

Primary Large

Primary Large

Primary Large

Primary Large

Secondary Large

Secondary Large

Secondary Large

Secondary Large

Secondary Large

Primary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Primary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Secondary Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Small

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Large

Element= "input-button"







Element= "submit"







Element= "a"







Element= "button"







Element= "checkbox"







Element= "radio"







Flat, Large Button, Default Icon Size


Flat, Default Button Size, Default Icon Size


Flat, Large Button, Default Icon Size


Flat, Default Button Size, Default Icon Size


Flat, Large Button, Default Icon Size


Flat, Default Button Size, Default Icon Size


Flat, Large Button, Default Icon Size


Flat, Default Button Size, Default Icon Size


Flat, Large Button, Default Icon Size


Flat, Default Button Size, Default Icon Size