Stylish UI/com.segnities007.stylishui.components.molecules/StylishMasonry

StylishMasonry

fun StylishMasonry(itemCount: Int, modifier: Modifier = Modifier, columns: Int = 2, horizontalSpacing: Dp = StylishTheme.dimensions.itemSpacing, verticalSpacing: Dp = StylishTheme.dimensions.itemSpacing, content: @Composable ColumnScope.(index: Int) -> Unit)

A masonry layout — the web "Masonry" pattern from Ant Design and MUI.

Distributes itemCount items across columns vertical columns, filling each column top-to-bottom. Items may have arbitrary heights; the columns share the available width equally. Note: items are assigned to columns in round-robin order (index % columns), which keeps the layout deterministic without measuring item heights. For height-balanced columns, prefer a lazy grid or manual grouping.

Parameters

itemCount

Number of items to lay out.

modifier

Modifier applied to the root row.

columns

Number of columns. Defaults to 2.

horizontalSpacing

Gap between columns. Defaults to StylishTheme.dimensions.itemSpacing.

verticalSpacing

Gap between items within a column. Defaults to StylishTheme.dimensions.itemSpacing.

content

Composes the item at index. Receives ColumnScope so items can use Modifier.weight.