StylishConnectedIconButtonRow

fun StylishConnectedIconButtonRow(items: List<StylishConnectedIconButtonItem>, modifier: Modifier = Modifier, shape: Shape = CircleShape, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.iconButtonMinSize / 2, joinedCornerRadius: Dp = StylishTheme.dimensions.joinedCornerRadius, button: ConnectedIconButtonItemContent = { item, itemModifier, itemShape, _ -> DefaultStylishConnectedIconButton(item, itemModifier, itemShape) })

A horizontally connected group of icon buttons.

The group is clipped by shape (a circle by default) while each icon keeps its own position-aware Connected shape. The narrow gap maintains separate hit targets and the default renderer has exactly one Material ripple per item. No outline is drawn: the connection is communicated by the shared silhouette, tonal colors, spacing, and elevation.

Pass a rounded rectangle or another Shape when the surrounding layout needs a different outer contour. The default CircleShape produces a circle for one item and a pill-like connected control for multiple items.

Parameters

items

Icon actions to render.

modifier

Modifier applied to the group.

shape

Outer clip for the complete group.

spacing

Gap between neighboring item hit targets.

cornerRadius

Radius for the group's outer item corners.

joinedCornerRadius

Radius for corners facing a neighboring item.

button

Optional custom item renderer. The default renderer uses one Material IconButton indication and no border.