← Back to index

Forms

Input types, layouts, validation states, and form patterns.

Personal Information

Two-column responsive grid layout.

+1
https://

Max 200 characters.

Account Settings

Stacked layout with inline labels and helper text.

Your public handle.

acme.io/

Display language for the UI.

Used for reports and scheduling.

Choose what you hear about.

Selects, Radios & Checkboxes

Choice inputs in various layouts.

Validation States

Default, success, error, disabled, and loading.

Looks good!

Please enter a valid email address.

This field cannot be edited.

🔍

File Upload & Range

Upload dropzone, range slider, and color picker.

72%
0100