Дом по сценариюПонятные автоматизации для повседневных задач.
← К материаламПанели управления · 2 мин

Как собрать несколько связанных карточек в одну группу?

Чтобы собрать связанные карточки в одну группу, выберите контейнер по нужной геометрии: вертикальная стопка размещает элементы сверху вниз, горизонтальная — рядом, а сетка распределяет их по ячейкам. После этого добавьте внутрь необходимые карточки.

Вертикальная стопка

Используйте вертикальную стопку, если элементы должны идти один под другим. Такой вариант подходит для последовательного просмотра нескольких связанных показаний или действий.

Проверьте, не становится ли группа слишком длинной для экрана.

  • Выберите вертикальную стопку.
  • Добавьте карточки по порядку.
  • Проверьте общую высоту группы.

Горизонтальная стопка

Горизонтальная стопка размещает карточки рядом. Она подходит, когда элементы должны быть доступны одновременно в одной строке.

Перед сохранением оцените ширину экрана и читаемость содержимого каждой карточки.

  • Выберите горизонтальную стопку.
  • Разместите связанные элементы рядом.
  • Проверьте ширину представления.

Сетка

Сетка удобна, когда несколько карточек нужно распределить по ячейкам. Она помогает компактно разместить однотипные элементы, сохраняя групповую структуру.

Выберите этот вариант, если важны компактность и повторяемый порядок элементов.

  • Выберите сетку.
  • Добавьте карточки в ячейки.
  • Проверьте порядок и выравнивание.

Проверьте себя

  • Определён нужный способ расположения.
  • Карточки добавлены в одну группу.
  • Группа проверена на целевом экране.

Частый вопрос

Какой контейнер выбрать для двух карточек?

Выбор зависит от экрана и сценария: вертикальная стопка ставит их друг под другом, горизонтальная — рядом.

Источники