Connected
A headless horizontally connected list-item 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 item rounds only its leading corners, the last item rounds only its trailing corners, and middle items have square corners with shared vertical 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 StylishConnectedListItemRow 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 row.
The horizontal gap between adjacent items. 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 row. Receives the item data, a modifier (including weight and fill-max-height), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.