4.5.1






Forms


Form

Default (Form With)


Default (Form With) + Validation


Default (Simple Form)


Default (Simple Form) + Validation


Radio

Default




Dark




Custom




With Error


With Error


Select

Default


Blank Selection Text


Disabled Options


Disabled Select Field


Required Select Field


Equal option value and value text


Custom Select


Dark Select


Select w/ Error


Select Dark w/ Error


Selectable Card

Default


Single Select


Block




Dark


Text Input

Default

First Name
Last Name
Phone Number
Email Address
Zip Code

Dark

First Name
Last Name
Phone Number
Email Address
Zip Code

With Error

Email Address
Please enter a valid email address
Confirm Email Address

Dark With Error

Email Address
Please enter a valid email address
Confirm Email Address

Custom

Custom Input

Textarea

Default

Label

Label

Label

Custom Textarea Input

Label

Dark

Label

Label

Label

Textarea w/ Error

Label
This field has an error!

Textarea w/ Error

Label
This field has an error!

Typeahead

Default

user



Use the above input to search for users on Github, and see the results as you type.
When you make a selection, you will see it apear in the list below

With Context

Crayola Crayons




Toggle

Sizes



Default State



Name and Value

Which of the following vehicles do you own?


Car

Bike

Custom checkbox input


Custom radio inputs

Select one option:


Male

Female

Other