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