Connected
A headless lazily-composed vertically connected list-item layout (Structure layer).
Each item fills the full available width, but unlike ConnectedListItemColumn the items are emitted into a LazyColumn so that only the visible rows are composed and rendered. Because the full items list is known up front, the connection geometry (outline edges and corner radii) is computed exactly as in the eager layout: the first item rounds only its top corners, the last item rounds only its bottom corners, and middle items have square corners with shared horizontal outlines. 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 StylishConnectedListItemLazyColumn 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 item.
The vertical gap between adjacent items. Defaults to StylishTheme.dimensions.connectedSpacing (3 dp).
PaddingValues applied around the entire lazy list. Defaults to DefaultStylishDimensions.controlPadding horizontal padding.
LazyListState controlling scroll position. Defaults to rememberLazyListState. Supply a hoisted state to observe scroll offset or programmatically scroll.
A composable lambda that renders a single item. Receives the item data, a modifier (fill-max-width), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.