Cindy Deitch

UI/UX Designer

  2. Forms
  3. Form Elements

Form Elements

Basic Componant
Form controls
We'll never share your email with anyone else.
Sizing
Range Inputs
Readonly
Readonly plain Text
Inline
Form Grid
Horizontal Form
Checkbox
Horizontal Form Label Sizing
Help Text
Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
Must be 8-20 characters long.
Validation
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.
Supported Elements
Example invalid feedback text
More example invalid feedback text
Example invalid custom select feedback
Example invalid custom file feedback
Tooltips
Looks good!
Looks good!
@
Please choose a unique and valid username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Checkboxes and Radios
Checkboxes
Switches
Radios
Inline
Range
Input Group
@
@example.com
https://example.com/users/
$
.00
With textarea
Sizing
Small
Default
Large
Checkboxes and radios
Multiple inputs
First and last name
Multiple addons
$0.00
$0.00
Button Addons
Buttons
Buttons [ multiple ]
Buttons With Dropdowns
ActionAnother actionSomething else hereSeparated link
ActionAnother actionSomething else hereSeparated link
Segmented Buttons
ActionAnother actionSomething else hereSeparated link
ActionAnother actionSomething else hereSeparated link
Custom Forms
Custom Select
Custom File Input
Upload
Upload