Forms

Basic Form Elements

Full Name

Email Address

Password

Department

Phone Number

Message

Input Sizes & States

Large Input

Default Input

Small Input

Disabled Input

Readonly Input

Success State

✓ This email is available

Error State

✗ Please enter a valid email address

Input Groups

Input with Prepend

Input with Append

@example.com

Input with Button

Multiple Addons

$ 0.00

Dropdown with Input

Multiple Buttons

Form Validation

First name

Looks good!

Please provide a first name.

Last name

Looks good!

Please provide a last name.

Please provide a valid email.

Country

Please select a country.

Agree to terms and conditions

You must agree before submitting.

Multiple Select with Tags

Skills / Tags

Press Enter to add tags

Select Skills (Multiple)

Select from dropdown or search

Categories Selection

Product Categories

Email Recipients

Add multiple email addresses

Personal Information Form

Personal Information

Full Name

Email Address

Phone Number

Date of Birth

Gender

Country

Address

City

State / Province

Zip / Postal Code

Account Information

Username

Choose a unique username

Role

Bio / Description

Maximum 500 characters

Multistep Form

Personal Info

Account Details

Confirmation

Personal Information

First Name *

Last Name *

Email Address *

Phone Number *

Date of Birth

Gender

Account Details

Username *

Choose a unique username

Password *

Minimum 8 characters

Confirm Password *

Account Type *

I agree to the Terms and Conditions

Subscribe to newsletter for updates

Review Your Information

Please review your details before submitting

Personal Information

Name:

Email:

Phone:

Gender:

Account Details

Username:

Account Type:

Switch Toggles

Default switch

Checked switch

Disabled switch

Range Input

Default Range

Range with Min and Max

Range with Steps

Forms

Basic Form Elements

Input Sizes & States

Checkboxes

Inline Checkboxes

Radio Buttons

Inline Radio Buttons

Input Groups

Form Validation

Multiple Select with Tags

Categories Selection

Personal Information Form

Personal Information

Account Information

Multistep Form

Personal Information

Account Details

Review Your Information

Personal Information

Account Details

Switch Toggles

Range Input