Dev experience · 03

Lang switcher tabs

Multi-language code switcher — TypeScript / JavaScript / Python / Go / Ruby / cURL. Each tab is a fully rendered code-block.

Production answer

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

Primary CTAReview Lang switcher tabs states
Generative search brief

Lang switcher tabs: Multi-language code switcher — TypeScript / JavaScript / Python / Go / Ruby / cURL. Each tab is a fully rendered code-block.

quotes.create — six SDK languages
Code sampleCreate an instant quote
TYPESCRIPTquote.ts
import { Mufflermen } from "@mufflermen/sdk" const muff = new Mufflermen({ apiKey: process.env.MUFFLERMEN_API_KEY }) const quote = await muff.quotes.create({  vehicleId: "veh_2026_ford_ranger_xl",  partIds: ["part_extractor_xforce_4cyl"],  bayId: "bay_oak_flats_03",}) console.log(quote.id, quote.totalAud)
Behaviour

Tab list uses role="tablist"; each language tab carries aria-selected + tabIndex so keyboard users can arrow through. The active panel is the only one rendered — the surrounding code-block primitive provides its own copy + line-number affordances.