Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

Inputs

We'll never share your email with anyone else.

Input line animation (Vetra only)

Input Sizes

Checkboxes and radios

Checkboxes
Checkbox Disabled
Radios
Radios Disabled
Switches

Form controls

Datalists

Input group

@
@example.com
https://example.com/users/
$.00
@
With textarea

Validation form (Text)

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.

Validation form (Tooltip)

Looks good!
Please enter first name.
Looks good!
Please enter last name.
@
Please choose a unique and valid username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Go Up