Translated

The Translated component is a component that allows you to translate text in your components. You can use this component to provide translations for your components.

Props

value string

The translation key that is used to look up the translation in the translations object.

options Record<string, string | number>?

An object that contains the options that are used to format the translation. This prop is optional, and it defaults to an empty object.

Example

<FirmhouseCartProvider translations={{
  en: {
    orderSummary: {
      tax: "Tax: {amount}",
    },
  },
}} ...>
  <Translated value="orderSummary.tax" options={{amount: 100}}  />
</FirmhouseCartProvider>