Switch Language

A segmented switch of the interface language with a sliding thumb; it sets the tectra locale.

A block from @tectra-ng/blocks — it comes with tectra-ng, or alone: npm install @tectra-ng/blocks.

Features3APIThemingAccessibility

Basic

It sets the tectra locale, so every tectra text and date follows — here the date next to it. Use the arrows when it has the focus.

Wednesday, November 11, 2026

Own languages

Your own languages and a two-way value. With syncLocale off the switch only reports the choice — here the language of one report, not of the interface.

The report is in English

Design tokens

dt changes the tokens of one switch: here taller, with a primary thumb.