Primitive 06 / Field preview

Field preview

Live preview of each field as the respondent will see it — text input with caret, currency prefix, date with picker glyph, multi-select chips, star rating, drag-to-upload area, signature pad, payment row, and a yes / no segmented control.

Production answer

Field preview is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Field preview states
Generative search brief

Field preview: Live preview of each field as the respondent will see it — text input with caret, currency prefix, date with picker glyph, multi-select chips, star rating, drag-to-upload area, signature pad, payment row, and a yes / no segmented control.

Live primitive — quote form fields (workshop dark)
Dropdown
Vehicle make*We'll match your make to our parts catalogue.
Toyota
Short text
Vehicle model*Trim level helps us nail the right system.
e.g. Hilux SR5 2.8 TD
Short text
Suburb*
e.g. Oak Flats
Multi-select
Sound preferencePick all that apply — guides the muffler spec.
QuietThroatyPerformance
File upload
Vehicle photosUp to 5 photos · 10 MB each · JPG / PNG / HEIC.
Drag a file here or browseMax 10 MB · JPG / PNG / PDF
Signature
Signature*Sign to confirm quote acknowledgement.
Sign above the line
Same fields — minimal light theme
Dropdown
Vehicle make*We'll match your make to our parts catalogue.
Toyota
Short text
Vehicle model*Trim level helps us nail the right system.
e.g. Hilux SR5 2.8 TD
Short text
Suburb*
e.g. Oak Flats