DefaultStylishConnectedButton

fun DefaultStylishConnectedButton(item: StylishConnectedButtonItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners, cornerRadius: Dp, contentPadding: PaddingValues, defaultColors: ButtonColors, slotMinWidth: Dp = 24.dp)

The default button renderer used by connected-button layouts when no custom ConnectedButtonItemContent is supplied.

This is the Finish-layer rendering: it dresses a button in the Stylish look — grouped-container colors, interactive elevation, a hairline connected outline, and a 52 dp minimum height — and wires tap interaction. Items whose StylishConnectedButtonItem.onClick is null or whose StylishConnectedButtonItem.enabled is false are rendered in a disabled state and do not respond to interaction.

The renderer delegates to the Material 3 Button, which owns its androidx.compose.foundation.interaction.MutableInteractionSource internally; no interactionSource parameter is exposed here. Observe button interaction by hoisting state into StylishConnectedButtonItem data instead.

Parameters

item

The StylishConnectedButtonItem data for the button.

modifier

A modifier carrying layout constraints from the parent layout. Applied to the Button root.

shape

The connected Shape for this item's position in the group.

outlineEdges

The ConnectedEdges indicating which sides draw outline borders.

outlineCorners

The ConnectedCorners indicating which corners are rounded.

cornerRadius

The radius used for the outline's outer-corner arcs.

contentPadding

The inner padding of the button.

defaultColors
slotMinWidth

The minimum width reserved for the leading/trailing slots so icons align consistently. Defaults to 24 dp (rows/grids); columns use 40 dp.

See also