Primitive 09 / Tokens

Interpolation panel

Catches the most common L10N regression: a translator drops a {variable} token. The panel parses the template, renders a preview against sample values, and flags missing or unused tokens before the string ships.

Production answer

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

Primary CTAReview Interpolation panel states
Generative search brief

Interpolation panel: Catches the most common L10N regression: a translator drops a {variable} token. The panel parses the template, renders a preview against sample values, and flags missing or unused tokens before the string ships.

en-AU · five tokens, one unused
Interpolation preview

en-AU

Template

G'day {customerName}, your {vehicleModel} cat-back is booked in for {date} at {suburb}. We'll text {phone} when it's done.

Preview

G'day Brad, your Ranger PX III cat-back is booked in for Mon 1 Jun, 9:30am at Oak Flats. We'll text 0412 555 902 when it's done.

Sample values

Unused{loyaltyTier}

zh-CN · five tokens, all in use
Interpolation preview

zh-CN

Template

{customerName} 您好,您的 {vehicleModel} 排气安装已预约 {date},地点 {suburb}。完工后我们将致电 {phone}

Preview

李伟 您好,您的 Ranger PX III 排气安装已预约 6月1日(周一)09:30,地点 Oak Flats。完工后我们将致电 0412 555 902

Sample values