Form Elements

Inputs, selects, checks and their states.

Text inputs & states

Default

With value

Disabled

Readonly

Valid

Looks good.

Invalid

Enter a valid email address.

With help text

Lowercase letters, numbers and hyphens only.

Email address

Role

$USD

Description

Auto-growing textarea

Single select

Multiple select

Email notifications

SMS notifications

Disabled option

Monthly

Annual

Custom

Two-factor authentication

Public workspace

Reversed switch

Volume

Brand colour

Attachment