Как изменить ширину ввода внутри сетки?

Question

Я создаю форму внутри контейнера сетки и помещаю внутри каждого элемента сетки TextField. Однако когда я изменяю размер элемента сетки; например, когда я ставлю xs = {10} или xs = {8}. ширина TextField не изменилась. Ссылка выше перенаправляет на мой пример воспроизведения воспроизведение . Я думаю, что совершил глупую ошибку, но не знаю где. Как я могу это исправить?

Answer 1

Вы можете использовать свойство fullWidth текстового поля пользовательского интерфейса материала:

<TextField
  label="Email"
  type="email"
  margin="normal"
  variant="outlined"
  fullWidth
/>