Input

Text inputs and states

Default

With description

This is a helper description below the input.

Invalid

This field is required.

Disabled

InputGroup

Input with leading icon

Search

Textarea

Multi-line text input

Resizable (default)

Not resizable

Disabled

Select

Native select element

Country

Disabled

Listbox

Custom select dropdown

Role

Combobox

Searchable select with filtering

Framework

Checkbox

Standalone, with field, and group

Accept terms and conditions

Subscribe to newsletter

Receive weekly updates about new features.

Disabled option

Radio

Radio group with descriptions

Free

Up to 3 projects, 1 GB storage.

Pro

Unlimited projects, 100 GB storage.

Enterprise

Contact sales for pricing.

Switch

Toggle switches with labels

Email notifications

Receive emails about account activity.

Marketing emails

Disabled toggle

Fieldset

Full form group with legend and error state

Personal details

Update your name and email address.

Full name

Email address

Website

Enter a valid URL.