@neoiq/localize-react-email
v1.0.3
Published
<p align="center"> <img src="https://github.com/neoiq-inc/translate/blob/main/packages/react-email/image.png" /> </p>
Downloads
222
Readme
$ npm install @neoiq/localize-react-emailWhat is this?
This is a lightweight i18n library for React Email built on top of i18n-js.
Language files are automatically included in the locales folder.
How to use
import { setupI18n } from "@neoiq/localize-react-email";
export function WelcomeEmail({ locale, name }) {
const i18n = setupI18n(locale);
return (
<Html>
<Head />
<Preview>{i18n.t("preview")}</Preview>
<Body>
<Text>{i18n.t("welcome", { name })}</Text>
</Body>
</Html>
);
}Translation files (en.json)
Add your translation files in the locales folder.
{
"preview": "Welcome to our app!",
"welcome": "Hello, %{name}!"
}Rendering the email
import { render } from '@react-email/render';
import { WelcomeEmail } from "./emails/welcome";
const html = await render(<WelcomeEmail locale="en" name="John" />, {
pretty: true,
});
console.log(html);Works together with NeoIQ Localize CLI
Automatically add and translate your email templates with NeoIQ Localize CLI.
$ npx @neoiq/localize@latest