Localization API added in React SDK
thirdweb React SDK now has a localization API that allows you to change the language used in UI components or override the texts used in the UI
A new prop
locale is added to the
ThirdwebProvider component that takes a locale object containing all the strings used by all the components.
React SDK comes out of the box with Spanish and Japanese locale functions, but you can add support for any language you want just by passing an object with the required strings
Using the default locales
English ( default )
locale prop is set, it defaults to
en as shown below
Try the ConnectWallet Playground to see the localized UI in action!
Overriding the locale object
locale takes an object, you can decide to pass a completely custom object or override the default locale objects. There is a handy API for overriding locale object on the locale function:
Custom locale object
If you want to support any other language, you can pass a custom object to
locale prop with all the required strings.