Flow

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

Flow

Использование

По умолчанию компонент Flow отображается на основе display: flex; flex-wrap: wrap, при указании itemsPerLine компонент переходит на display: flex; flex-wrap: nowrap с превентивным разбиением на колонки/столбцы.

Примеры

Горизонтальное отображение с переполнением

Live Editor

Result

Вертикальное отображение с переполнением

Live Editor

Result

Отображение с разбиением на строки

С ограничением количества элементов в строке.

Live Editor

Result