Base/Field

Field

A wrapper that groups a label, input, description, and validation message into a single accessible unit. Apply data-invalid to activate error styling.

Default

Label, input, and helper description.

Full name

This is the name that will appear on your profile.

Controlled Validation

Type an invalid email to see the error state.

We ll never share your email.

Error State

Field forced into the invalid state.

SKU

SKU format is invalid. Expected: XXX-00-XXX-XXX.

With Textarea

Field wrapping a multi-line input.

Description

Max 500 characters.

Disabled

Apply disabled to both Field and the control.

Reference code

This field cannot be changed.