Flow

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

Flow​

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

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

Примеры​

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

Live Editor

Result

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

Live Editor

Result

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

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

Live Editor

Result

API​