Input

Text input with label, placeholder, helper text, and error state.

View standalone →

This field is shown in a focused state.

Your account ID cannot be changed.

Textarea

Multiline text input with label, auto-resize affordance, and error state.

View standalone →
Max 280 characters

Your bio will appear on your public profile.

312 / 300

Select

Native select element with custom styled wrapper, label, and error state.

View standalone →

Used for billing and tax purposes.

You can upgrade or downgrade at any time. Compare plans

Checkbox

Styled checkbox with label, checked state, and indeterminate support.

View standalone →

Single

Notification Preferences

Notification preferences

Radio

Styled radio button group with label and selected state.

View standalone →
Subscription plan

Choose the plan that works best for you.

Toggle

On/off switch with animated thumb and accessible checked state.

View standalone →

Email notifications

Receive updates and activity summaries by email.

Marketing emails

Receive product announcements, tips, and offers.

Security alerts

Critical alerts about your account. Always enabled.

Form Group

Composed form layout combining label, input, helper text, and validation error.

View standalone →

Profile information

Update your name, email address, and public bio.

Must be at least 12 characters and include a number and a special character.

Optional · Max 280 chars

Markdown is supported. Links will be auto-linked.

Required fields