Translation Card
A stacked translator card with ISO-code language pickers, a rotating swap, detect chip, streaming translation with romanisation, character count, listen and copy.
Preview
How do I thank Kenji for covering my Friday shift? Casual is fine.
Here it is the way you would say it to a friend at work:
59 / 5,000
en → ja
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| languages | TranslationLanguage[] | — | { code, name, latin? }; non-Latin targets show the romanisation line. |
| sourceText / defaultSourceText | string | "" | Text to translate; onSourceTextChange reports edits. |
| sourceLang / defaultSourceLang | string | "auto" | Source code, or auto to detect; onSourceLangChange reports picks. |
| targetLang / defaultTargetLang | string | second language | Target code; onTargetLangChange reports picks. |
| detected | string | — | Code the detector found while the source is auto. |
| translation / romanization | string | — | Translated text so far, and its Latin transcription. |
| streaming | boolean | false | More translation is coming: caret, busy, actions held. |
| onSwap / onListen | () => void / (text, lang) => void | — | After a swap; read the translation aloud (shows the Listen button). |
| maxLength | number | 5000 | Shown in the character count. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.