Connected
A headless vertically connected button layout (Structure layer).
Each button fills the full available width. Outline edges and corner radii are computed automatically from each item's index: the first button rounds only its top corners, the last button rounds only its bottom corners, and middle buttons have square corners. The actual rendering is delegated to the button 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 StylishConnectedButtonColumn consumes by supplying a styled button. Supply your own button to render a custom skin over the same connected geometry.
Parameters
The list of StylishConnectedButtonItem data objects describing each button.
The radius applied to the outer corners. Defaults to StylishTheme.dimensions.connectedCornerRadius (12 dp).
The vertical gap between adjacent buttons. Defaults to StylishTheme.dimensions.connectedSpacing (3 dp).
A composable lambda that renders a single button. Receives the item data, a modifier (fill-max-width), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners.