The Commons

Buttons Functions Inputs Recipes Tooltips Wrappers

Text Inputs

Labels for Inputs

required

Please enter text between 3-16 characters.

Email address:

john@example.com

Invalid email address.

Datalist Text Input:

Pick a fruit

Please enter a valid fruit.

Date Inputs

A standard date input with min/max dates

A datetime-local input with min/max dates

A datetime input with min/max dates

A time input with min/max times

Numeric Inputs

Select Inputs

Select an option

pick one...

Select an option

pick one...

Select a fruit

pick a fruit...

Checkbox Inputs

Labeled Checkbox

with custom html! Disabled Checkbox

Radio Inputs

Apple

🍎

Banana

🍌

Orange

🍊

Cherry

🍒

Grape

🍇

Lemon

🍋

Pear

🍐

Pineapple

🍍

a disabled option

A Group Of Options