Коробка против стека в MUI
Недавно я начал использовать MUI для своего реактивного проекта. Есть два компонента макета, которые меня смущают, т.е. Stack и Box.
Когда следует использовать Stack over Box?
Я знаю Вариант использования коробки.
Но я не уверен, когда использовать компонент стека и в чем разница между ними?
Ответы 1
Коробка: Компонент Box служит компонентом-оболочкой для большинства потребностей утилиты CSS.
Компонент Box упаковывает все функции стиля, представленные в @mui/system.
Стек Куча: подобен гибкому контейнеру. Компонент Stack управляет расположением ближайших дочерних элементов вдоль вертикальной или горизонтальной оси с необязательным интервалом и/или разделителями между каждым дочерним элементом.
Использование стека:
Stack занимается одномерными макетами, а Grid обрабатывает двумерные макеты. Направление по умолчанию — столбец, в котором дочерние элементы размещаются вертикально.
По умолчанию Stack размещает элементы вертикально в столбце. Тем не менее, свойство direction может также использоваться для горизонтального размещения элементов в ряду.
Используйте реквизит делителя, чтобы вставить элемент между каждым дочерним элементом. Это особенно хорошо работает с компонентом Divider.
Вы можете переключать значения направления или интервала в зависимости от активной точки останова.
Ссылка: https://mui.com/components/стек/