Stylish Connected Icon Button Row
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
Icon actions to render.
Modifier applied to the group.
Outer clip for the complete group.
Gap between neighboring item hit targets.
Radius for the group's outer item corners.
Radius for corners facing a neighboring item.
Optional custom item renderer. The default renderer uses one Material IconButton indication and no border.