# Flow Универсальный контейнер для упорядоченного размещения вложенных компонентов (например, медиафайлы, карточки или блоки текста). ## Flow Props (свойства) для компонента Flow: [{"name":"className","type":{"name":"string"}},{"name":"style","type":{"name":"CSSProperties"}},{"name":"orientation","type":{"name":"enum","raw":"\"horizontal\" | \"vertical\"","value":[{"value":"\"horizontal\""},{"value":"\"vertical\""}]}},{"name":"arrangement","type":{"name":"enum","raw":"\"center\" | \"end\" | \"start\" | \"spaceBetween\" | \"spaceAround\"","value":[{"value":"\"center\""},{"value":"\"end\""},{"value":"\"start\""},{"value":"\"spaceBetween\""},{"value":"\"spaceAround\""}]}},{"name":"alignment","type":{"name":"enum","raw":"\"center\" | \"end\" | \"start\"","value":[{"value":"\"center\""},{"value":"\"end\""},{"value":"\"start\""}]}},{"name":"mainAxisGap","type":{"name":"string | number"}},{"name":"crossAxisGap","type":{"name":"string | number"}},{"name":"itemsPerLine","type":{"name":"number"}}] ## Использование По умолчанию компонент  `Flow`  отображается на основе  `display: flex; flex-wrap: wrap` ,
при указании  `itemsPerLine`  компонент переходит на  `display: flex; flex-wrap: nowrap`  с превентивным разбиением на колонки/столбцы.