Connected
A headless horizontally connected card layout (Structure layer).
Each item receives equal weight within the row and stretches to the tallest sibling via IntrinsicSize.Min. Outline edges and corner radii are computed automatically from each item's index: the first card rounds only its leading corners, the last card rounds only its trailing corners, and middle cards have square corners with shared vertical 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 StylishConnectedCardRow 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 horizontal 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 (including weight and fill-max-height), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.