TextBox
<input type="text|pass|search|number|email" />

IconTextBox
<box>
<div><Icon></div>
<input type="text" />
</box>

SearchTextBox


Cases to be handled :

IconRatate (Active state)
  isFocus state
SearchBox discussions
  allowClear

UCL :

<input placeholder name value id variant color type size shape  disabled readonly onChange getRef  /> active hovered
startIcon endIcon

MUI :
<input autoComplete autoFocus classes color defaultValue disabled error FormHelperTextProps fullWidth helperText id InputLabelProps inputProps InputProps inputRef label margin maxRows minRows multiline name  onChange placeholder required rows select SelectProps size type value variant />

Ant : 
<input addonAfter addonBefore allowClear bordered defaultValue disabled id maxLength showCount status prefix size suffix type value onChange onPressEnter />

React Spectrum :

<input icon isQuiet isDisabled isReadOnly validationState isRequired description errorMessage autoFocus value defaultValue label autoComplete maxLength minLength name pattern type inputMode labelPosition labelAlign necessityIndicator />

<TextField >
  Label
  TextBox
  ?
  Error

<TextFieldIcon>
  Textbox
<TextBox endPlace={} start>
<SearchBox>
<SearchBoxIcon>
<EmailBox>
  validation
  error
<EmailBoxIcon>

renderProp

or 

<InputIconWrapper endicon starticon component={TextBox|mailbox|number|select}>

<div>
<List>
</div>