Connected
A headless horizontally 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 leading corners, the last chip rounds only its trailing corners, and middle chips have square corners with shared vertical outlines. When fillWidth is false (the default) the row scrolls horizontally; when true, every chip receives equal weight and the row fills the 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 StylishConnectedChipRow 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 horizontal 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).
When true, chips share the available width equally instead of scrolling. Defaults to false.
A composable lambda that renders a single chip. Receives the item data, a modifier, the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.