Stylish UI/com.segnities007.stylishui.components.molecules/StylishButtonGroup

StylishButtonGroup

fun StylishButtonGroup(modifier: Modifier = Modifier, orientation: StylishButtonGroupOrientation = StylishButtonGroupOrientation.Horizontal, shape: Shape = RoundedCornerShape(StylishTheme.dimensions.connectedCornerRadius), containerColor: Color = MaterialTheme.colorScheme.surface, border: BorderStroke? = BorderStroke(1.dp, MaterialTheme.colorScheme.outlineVariant), contentPadding: PaddingValues = PaddingValues(0.dp), spacing: Dp = 0.dp, content: @Composable () -> Unit)

A flexible, connected container for related actions.

Unlike a segmented control, a button group does not impose selection semantics: each child can be an independent StylishButton, an icon button, or a custom slot. This makes it suitable for edit toolbars, pagination actions, and destructive/secondary action pairs on both desktop and mobile layouts. The group owns the clipping, border, and background while callers retain full control of each child.

Parameters

modifier

Modifier applied to the group surface.

orientation

Direction in which children are arranged.

shape

Shape used for the outer container and clipping.

containerColor

Background color behind the children.

border

Border drawn around the group. Pass null to omit it.

contentPadding

Padding between the outer border and children.

spacing

Space between children. Defaults to zero for a connected appearance; use StylishTheme.dimensions.inlineSpacing for separated actions.

content

Child actions. The slot is independent of orientation so the same content can be reused in responsive layouts.