TextField

Labeled input primitive for setup forms, operational filters, exact IDs and validation copy.

Component

Labeled input primitive for setup forms, operational filters and exact codes that must keep validation visible.

Form primitive

Form primitive

Offer code

Partner-visible code, owned by API validation.

Minimum quantity

Minimum qualifying quantity is required.

Accessibility wiring

Offer name

Helper text is connected through aria-describedby.

Pickup scope

Pickup scope is required.

Hint and error copy are visible on screen and wired to the input via aria-describedby; error state also sets aria-invalid="true".

tokens.css

DefaultEditable input

Use the normal surface with a persistent label and concise placeholder only when it helps entry.

Hintaria-describedby

Attach helper copy to the input so assistive tech receives the same supporting context.

Erroraria-invalid

Set invalid state and error copy together; API-owned validation text remains exact.

FocusShared focus ring

Keyboard focus uses the system focus tokens and must not be hidden by local styles.

Input height2.5rem--12pm-comp-input-height-default

Input radius0.375rem--12pm-comp-input-radius

Inline padding1rem--12pm-comp-input-padding-inline

Focus ring width3px--12pm-sys-focus-ring-width