I18n MUI Input Textfield

This is a design for a multilingual text input field for React/TS with MUI components.

Dependencies

• Typescript
• React
• React Redux
• MUI (Material UI)

See package.json for the full list.

Sample

See here for a running example.

Usage

import TextInput from "./TextInput";
import { LabelType } from "./languageSlice";

//...

const labels: LabelType = { 
      de: "Eine Beschriftung", 
      en: "A label", 
      fr: "Une étiquette" 
    };

return( 
<>
  <TextInput
    inputId="someveryuniqueidentifier"
    labels={labels}
  />
</>)

Screenshot