Localized Input
A text input variation used in fields that can be translated into multiple languages.
| install | yarn add @clayui/localized-input |
|---|---|
| version | 3.122.0 |
Stable3.122.0View in LexiconCHANGELOG
| Property | Description |
|---|---|
ariaLabels{
default: string;
openLocalizations: string;
translated: string;
untranslated: string;
} | Labels for the aria attributes The default value is { default: 'Default', openLocalizations: 'Open Localizations', translated: 'Translated', untranslated: 'Untranslated', } |
helpTextReact.ReactText | Add informational text at the top of Localized Input. |
labelReact.ReactText | Label of the input The default value is 'Check for translations' |
prependContentReact.ReactText | Content to be prepended in case you want to localize a URL. |
localesArray<IItem> | List of locales to allow localization for |
onSelectedLocaleChange(val: IItem) => void | Callback that gets called when a selected locale gets changed |
onTranslationsChange(val: ITranslations) => void | Callback that gets called when a translation of the selected locale gets changed |
resultFormatter(val: string) => React.ReactNode | Allows specifying custom formatter, for example for formatting URLs, to be output after translating The default value is (val) => val |
selectedLocaleIItem | Exposes the currently selected locale |
spritemapstring | Path to the location of the spritemap resource. |
translationsITranslations | Translations provided to the component to be used and modified by it |
placeholder | The default value is 'Text to translate...' |