Connected
A headless lazily-composed vertically connected card layout (Structure layer).
Each item fills the full available width, but unlike ConnectedCardColumn the items are emitted into a LazyColumn so that only the visible cards 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 card rounds only its top corners, the last card rounds only its bottom corners, and middle cards have square corners with shared horizontal outlines. The actual rendering is delegated to the card 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 StylishConnectedCardLazyColumn consumes by supplying a styled card. Supply your own card to render a custom skin over the same connected geometry.
Parameters
The list of StylishConnectedCardItem data objects describing each card.
The vertical gap between adjacent cards. 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 card. Receives the item data, a modifier (fill-max-width), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.