Руководство по использованию Grid-компонента Material-UI в React

  1. <Контейнер сетки>: создает контейнер для элементов сетки.
  2. <Элемент сетки>: определяет элемент внутри контейнера сетки.

    3. Реквизит

  3. xs, sm, md, lg, xl: наборы количество столбцов сетки, которые элемент должен занимать при разных размерах экрана.

    4. Свойство

  4. spacing: добавляет расстояние между элементами сетки.

    5. Свойство

  5. justify: выравнивает элементы сетки по горизонтали.

    6. Свойство

  6. alignItems: выравнивает элементы сетки по вертикали.
  7. direction: определяет направление элементов сетки (строка или столбец).

    8. Свойство

  8. wrap: определяет, должны ли элементы сетки переноситься или нет.

    9. Свойство

  9. comComponent: определяет элемент HTML или пользовательский компонент, который будет использоваться в качестве контейнера сетки.

    10. Свойство

  10. className: добавляет пользовательские классы CSS в контейнер или элемент сетки.