Pitch Guidelines Components Blocks Journeys

Overview Alert Alert dialog Async button Async editable text Async sidebar nav Async tabs Avatar Badge Breadcrumbs Bundles Button Card Cart Chat bubbles Checkbox Chip Code pill Combobox Cropper Date picker Dialog Favorite heart Field group File upload Floating label input Fold Help feedback Icon tile Inline prompt Input Input group Input OTP Listing cards Listing detail Listing rows Listing states Offers Order card Pagination Password input Radio Reviews Select Sheets Stepper Stepper progress Summary Switch Tabs Textarea Thumbnail Toast Tooltip Tracker

Field group

Inspect

Email

Password

Examples

Vertical orientation

Inspect

Full name

Email address

We'll never share your email with anyone else.

Horizontal orientation

Inspect

Full name

Email

With descriptions

Inspect

Username

This is your public display name. It can be your real name or a pseudonym.

Bio

Buyers read this before they make an offer.

With errors

Inspect

Email

Please enter a valid email address.

Password

Password must be at least 8 characters

Password must contain a number

With confirmation

FieldSuccess is FieldError's counterpart: same tuck behind the control, same one-shape read, green instead of red. It announces politely (role="status") rather than assertively, and carries a check icon so the state does not rest on colour alone.

Inspect

VAT number

Checked against VIES.

IBAN

This IBAN is two digits short.

FieldSet with legend

Inspect

Personal information

Please enter your personal details below.

Full name

Phone number

With separator

Inspect

Email

or

Phone

With checkbox and content

Inspect

Accept terms and conditions

You agree to our terms of service and privacy policy.

Marketing emails

Receive emails about new products, features, and more.

Required fields

Inspect

Full nameRequired

Bio

Optional — it appears on your seller profile.

Email addressRequired

We'll use this to contact you about your order.

Favorite heart

Previous Page

File upload

Next Page

On this page

Examples Vertical orientation Horizontal orientation With descriptions With errors With confirmation FieldSet with legend With separator With checkbox and content Required fields

Cüte