Documentation

The <T> component

Using the <T> component could not be easier. Wrap your content in it, and the content is translated.

<T>This content will be translated</T>

Props

PropTypeDescription
formality'informal' | 'formal'Sets the formality of the translation.
langLanguageOverrides the language set on the MagicTranslateProvider.

Limitations

There are very few limitations:

  1. You cannot put React components inside the <T> component. Plain HTML elements are fine (see the example below).
  2. The content inside a <T> component cannot exceed 10 KB, which is about 5,000 characters.
{/* this is OK, since <a> is a plain HTML element */}
<T>
  <a href="mailto:info@i42.ch">Please send us an email</a>
</T>


{/* this does NOT work, since <MyButton> is a React component */}
<T>
  <MyButton>Click me</MyButton>
</T>
PreviousReactNextThe useT hook