Материал-Пользовательский интерфейс TextField украшен

Question

Использование Material-UI 4.5.2. Я добавляю конечное украшение и хочу изменить правый отступ, чтобы значок находился в самой правой позиции. Я пытался переопределить его с помощью свойства классов, но не смог сделать это. https://codesandbox.io/s/textfield-adornedend-wf5p8

Заранее спасибо

Answer 1

Вам необходимо предоставить правило класса adornedEnd для InputProps:

  InputProps={{
    endAdornment: (
      <InputAdornment position="end">
        <IconButton disableRipple={true} size="small">
          <ClearIcon />
        </IconButton>
      </InputAdornment>
    ),
    classes: {
      adornedEnd: classes.endAdornment
    }
  }
}