Connected
A headless lazily-composed grid of connected list items laid out in equal-width cells across a fixed number of columns (Structure layer).
Unlike ConnectedListItemGrid, only the visible rows are composed and rendered: each grid row of columns items becomes a single full-span item of a LazyVerticalGrid. The full items list is known up front, so the connection geometry is computed exactly as in the eager grid: within each row every item receives equal weight, corner radii are computed from each item's absolute index so that only the four outer corners of the entire grid are rounded, and a partially filled final row stretches to fill the full row width. The actual rendering is delegated to the listItem lambda, which receives the pre-computed connection geometry.
This component makes no visual or interactive decisions — no colors, elevation, or animation. It is the headless backbone that the Stylish Finish counterpart StylishConnectedListItemLazyGrid consumes by supplying a styled listItem. Supply your own listItem to render a custom skin over the same connected geometry.
Parameters
The list of StylishConnectedListItem data objects describing each cell.
The number of equal-width columns in the grid. Must be greater than zero.
The gap between adjacent items both horizontally and vertically. Defaults to StylishTheme.dimensions.connectedSpacing (3 dp).
PaddingValues applied around the entire lazy grid. Defaults to DefaultStylishDimensions.controlPadding horizontal padding.
LazyGridState controlling scroll position. Defaults to rememberLazyGridState. Supply a hoisted state to observe scroll offset or programmatically scroll.
A composable lambda that renders a single cell. Receives the item data, a modifier (fill-max-width within an equal-weight cell), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.