Skip to content

Locale translations for Syncfusion's Essential® Studio React components, enabling seamless localization across multiple languages and regions

License

Notifications You must be signed in to change notification settings

syncfusion/react-locale

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

React Localization

The @syncfusion/react-locale package provides locale translations for Syncfusion's Essential® Studio React components, enabling seamless localization across multiple languages and regions.

Supported Languages

The following languages and cultures are currently supported:

Culture-Code Language
ar-AE Arabic - United Arab Emirates
ar Arabic - Arabia
cs Czech - Czech Republic
da Danish - Denmark
de German - Germany
en-GB English - United Kingdom
en-US English - United States
es Spanish - Spain
fa Farsi - Iran
fi Finnish - Finland
fr French - France
he Hebrew - Israel
hr Croatian - Croatia
hu Hungarian - Hungary
id Indonesian
is Icelandic - Iceland
it Italian - Italy
ja Japanese - Japan
ko Korean - Korea
ms Malay - Malaysia
nb Norwegian (Bokmål) - Norway
ne-NP Nepali - Nepal
nl Dutch - The Netherlands
pl Polish - Poland
pt Portuguese - Portugal
ro Romanian - Romania
ru Russian - Russia
sk Slovak - Slovakia
sv Swedish - Sweden
th Thai - Thailand
tr Turkish - Turkey
vi Vietnamese - Vietnam
zh Chinese - China

Installation

To install the @syncfusion/react-locale package, run the following command:

npm install @syncfusion/react-locale

Usage

Loading Locale Data

Import the desired locale JSON file and use the L10n.load method to register the locale data.

import { L10n } from '@syncfusion/react-base';
import german from '@syncfusion/react-locale/src/de.json';

L10n.load(german);

Applying Locale with Provider

Wrap your application or component tree with the Provider component from @syncfusion/react-base and specify the desired locale.

import { Provider } from '@syncfusion/react-base';
import {  NumericTextBox } from "@syncfusion/react-inputs";

<Provider locale="de">
  <NumericTextBox placeholder="Enter value" width={250} defaultValue={20} />
</Provider>

This ensures that all child components respect the specified locale.

Refer to the Localization Documentation for detailed usage instructions and examples.

Support

Product support is available through following mediums.

  • Support ticket - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
  • Live chat

License and copyright

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license for React UI components, you can purchase or start a free 30-day trial.

A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

© Copyright 2025 Syncfusion®, Inc. All Rights Reserved. The Syncfusion® Essential® Studio license and copyright applies to this distribution.

About

Locale translations for Syncfusion's Essential® Studio React components, enabling seamless localization across multiple languages and regions

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •