Localization in React Dropdown Tree component
7 Oct 20251 minute to read
The Dropdown Tree component supports comprehensive localization to adapt text, messages, and user interface elements for different cultures and languages. This enables seamless integration into multi-language applications by customizing all user-facing strings according to specific cultural requirements. The component’s default locale is en (English), providing a foundation that can be extended to support any target culture through resource configuration and locale property settings.
The following table represents the default localization keys and their corresponding text messages for the Dropdown Tree in en culture. These keys serve as templates that display dynamic content and can be customized for any target locale:
| KEY | Text/Message | Usage Context |
|---|---|---|
| noRecordsTemplate | No records found | Displayed when no data matches the current filter or when the data source is empty |
| actionFailureTemplate | Request failed | Shown when data loading operations encounter errors or network failures |
| overflowCountTemplate | +${count} more.. | Appears when multiple items are selected and the display area shows a summary count of additional selections |
| totalCountTemplate | ${count} selected | Displays the total number of currently selected items in multi-selection scenarios |