Components · 03

# Forms

Inputs, selects, textareas, switches, checkboxes, validation states — and a working "Profile settings" form to show how it all comes together.

Live example

## Profile settings

DRAFT
First name *
Last name *
Work email
Used for sign-in and account notifications.
Role
Timezone
Website
https://
Short bio Engineering lead. Building admin tools that don\'t hate their users.
Up to 280 characters. Markdown supported.
Notifications 02
Weekly product updates Mentions and replies Marketing newsletter Two-factor auth reminders
All changes saved automatically
Inputs

## States

Default
Filled
Disabled
With icon
Invalid
Please enter a valid email address.
Inputs

## Select & textarea

Country
Disabled select
Description
Choices

## Checkboxes & radios

Subscribe to changelog Get product tips weekly SMS notifications (coming soon)
Plan
Starter — $0 / mo Pro — $19 / mo Team — $49 / mo
Choices

## Toggle switches

Enable two-factor auth Public profile Auto-save drafts every 30 seconds Beta features (locked)
All changes save instantly — no submit button needed.