Forms

The form building blocks: inputs, selects, checkboxes and radios, validation states and helper elements.

Forms collect data from your users, so they need to be clear and easy to use. This section covers all form building blocks: inputs, selects, checkboxes, validation states, and helpers. Combine them to build accessible forms that look consistent with the rest of your interface.

Elements

Styled inputs, selects, checkboxes and radios, with states, sizes and layout options.

Fieldset

Group related form fields with a styled fieldset to make long forms better organized and easier to understand.

Floating labels

Show labels inside form controls.

Helpers

Add help icons, hints, and required field markers to forms to give users extra guidance and reduce input errors.

Select group

Offer sets of options with select groups - labeled, icon-only, or pill-shaped controls built on checkboxes and radios.

Image check

Checkboxes and radios with an image as the label, for choosing templates, themes or products in a form.

Color check

Checkboxes and radios styled as color swatches, plus the native color picker input.

Validation

Show valid and invalid states on form fields with feedback messages, so users know exactly what to correct before submitting.

OTP input

Add a one-time password (OTP) input with grouped slots, masking, and keyboard, paste and SMS autofill support.

Password strength

Show how strong a password is with a segmented meter that rates it as the user types, with configurable scoring and labels.

Menu

Forms

Get Admin Template, Icons, Illustrations and Emails in one bundle.