Form Example

Basic Form Elements

Essential form elements for collecting user input.

Text Inputs

Various types of text input fields for collecting different kinds of information.

Default Input

Disabled Input

Input with Icon

Password Input

Input with Help Text

Username must be at least 4 characters long.

Textarea, Select, and Checkbox

Form elements for longer text, selecting from options, and boolean choices.

Textarea

Select

Disabled Select

I agree to the terms and conditions

Radio and Switch

Form elements for selecting a single option from a list or toggling a setting.

Slider

Form element for selecting a value from a range.

Basic Slider50%

Slider with Steps

0%25%50%75%100%

Disabled Slider

Input Variants

Different styles and states for input elements.

Text Input

Email Input

Number Input

Form Actions

Button styles for form submission and other actions.

Primary Actions

Button States

Button Sizes

With Icons