NEW (Stencil)

OLD (Elix)

Menu

This is a link Menu list item #2 Menu list item #3 Menu list item #4
This is a link Menu list item #2 Menu list item #3 Menu list item #4

Button

Filled

small (default)

Click this button
Click this button

large

Click this button
Click this button

Text

small (default)

Click this button
Click this button

large

Click this button
Click this button

Outlined

small (default)

Click this button
Click this button

large

Click this button
Click this button

Outlined Light

small (default)

Click this button
Click this button

large

Click this button
Click this button

Cta

small (default)

Click this button
Click this button

large

Click this button
Click this button

Checkboxes and Radios

STATUS: Complete.

This is my text This is my text
This is my text

Text Fields

STATUS: Work in progress. Functionally complete, finishing styling

Outlined

Outlined - Error

Outlined - Disabled

Outlined - With Icons

Filled

Filled - Error

Filld - Disabled

Filled - With Icons

Filled Light

Filled Light - Error

Filled Light - With Icons

Text Areas

STATUS: Work in progress. Functionally complete, finishing styling

Outlined

Outlined - Error

Outlined - Disabled

Filled

Filled - Error

Filld - Disabled

Filled Light

Filled Light - Error

Select Dropdowns

STATUS: Completed

Outlined

Outlined - Error

Outlined - Disabled

Filled

Filled - Error

Filld - Disabled

Filled Light

Filled Light - Error

Filld Light - Disabled

Choice Chips

STATUS: complete

Choice Chip

This is a chip
This is a chip

Sport Choice Chip

This is a chip
This is a chip

Choice Chip Set

Swim Bike Run
Swim Bike Run

Chip Select