Input

[Makko74]

Umstellen von der internen InputWC auf FC

Die Component würde dann FormField heißen und ungefähr diese Struktur aufweisen

FormField:

<div>
  <FormFieldLabel />
  <FormFieldHint />
  { children }
  <FormFieldMsg />
  <FormFieldCounter />
</div>

Spezielle Input Component

<FormField>
   <InputContainer >
      <ListOfInputAdornment />
      <Input />
      <ListOfInputAdornment />
  </InputContainer>
</FormField>

die späteres ComboBox/Autocomplete/Select usw. hat dann ungefähr folgenden Aufbau (separates Ticket):

<FormField>
   <InputContainer >
      <ListOfInputAdornment />
      <Input />
      <ListOfInputAdornment />
  </InputContainer>
  <FloatingContainer>
     <ListBox>
       <ListItem />
       ....
    </ListBox>
  </FloatingContainer >
</FormField>

bzw. mit einer Virtualizierten Liste

<FormField>
   <InputContainer >
      <ListOfInputAdornment />
      <Input />
      <ListOfInputAdornment />
  </InputContainer>
  <FloatingContainer>
     <VirtualizedListBox>
       <ListItem />
       ....
    </VirtualizedListBox>
  </FloatingContainer >
</FormField>

Ein InputAdornment ist ein IconButton welches als icon oder als button gerendert wird. Dies sind im Grunde die Icons bzw der SmartButton. Es kann aber auch den Button für die DropDown Box beinhalten, bzw. den Clear Button