Connected
A headless vertically connected chip layout (Structure layer).
Outline edges and corner radii are computed automatically from each item's index so that the first chip rounds only its top corners, the last chip rounds only its bottom corners, and middle chips have square corners with shared horizontal outlines. Every chip fills the full available width. The actual rendering is delegated to the chip 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 StylishConnectedChipColumn consumes by supplying a styled chip. Supply your own chip to render a custom skin over the same connected geometry.
Parameters
The list of StylishConnectedChipItem data objects describing each chip.
The vertical gap between adjacent chips. 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 chip. Receives the item data, a modifier (fill-max-width), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.