Form Elements
Basic Component [ v1 ]
Basic Component [ v2 ]
Basic Component
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 With Dropdowns
Action Another action Something else here Separated link
Action Another action Something else here Separated link
Segmented Buttons
Action Another action Something else here Separated link
Action Another action Something else here Separated link

Custom Forms

Custom Select
Custom File Input
Upload
Upload
Nextro Customizer
Header settings
Sidebar settings