The Commons

Buttons Functions Inputs Recipes Tooltips Wrappers

Text Inputs

Labels for Inputs

required

Please enter text between 3-16 characters.

Password:

make a good one

Invalid password. Password must be at least 8 characters long and include at least one uppercase letter, one lowercase letter, and one number.

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

min

max

step

Invalid number. Must be between -Infinity and Infinity

min: 0, max: 10

Invalid number. Must be a whole number between 0 and 10.

Select Inputs

Value Key

pick a value key

Label Key

pick a label key

Derived select with dynamic label/value key selection from an array of objects

no value

Select a fruit

pick a fruit...

Select an object option

pick one...

no value

Checkbox Inputs

Regular Checkbox

Labeled Checkbox

with custom html! Disabled Checkbox

Radio Inputs

Apple

🍎
Banana

🍌
Orange

🍊
Cherry

🍒
Grape

🍇
Lemon

🍋
Pear

🍐
Pineapple

🍍

One
Two
Three