Connected
A headless vertically connected card layout (Structure layer).
Each item fills the full available width. Outline edges and corner radii are computed automatically from each item's index: 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 StylishConnectedCardColumn 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).
The radius applied to the outer corners. Defaults to StylishTheme.dimensions.connectedCornerRadius (12 dp).
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.