Compose Multiplatform Material3/androidx.compose.material3/SplitButtonDefaults/OutlinedTrailingButton

OutlinedTrailingButton

@Composable
fun OutlinedTrailingButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, shapes: SplitButtonShapes = trailingButtonShapesFor(SmallContainerHeight), colors: ButtonColors = ButtonDefaults.outlinedButtonColors(), elevation: ButtonElevation? = null, border: BorderStroke? = ButtonDefaults.outlinedButtonBorder(enabled), contentPadding: PaddingValues = trailingButtonContentPaddingFor(SmallContainerHeight), interactionSource: MutableInteractionSource? = null, content: @Composable RowScope.() -> Unit)

Creates a outlined trailing button that has the same visual as a OutlinedButton. When checked is updated from false to true, the buttons corners will morph to full by default. Pressed shape and checked shape can be customized via shapes param.

To create a tonal, outlined, or elevated version, the default value of Button params can be passed in. For example, ElevatedButton.

The default text style for internal Text components will be set to Typography.labelLarge.

Parameters

checked

indicates whether the button is checked. This will trigger the corner morphing animation to reflect the updated state.

onCheckedChange

called when the button is clicked

modifier

the Modifier to be applied to this button.

enabled

controls the enabled state of the split button. When false, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services.

shapes

the SplitButtonShapes that the trailing button will morph between depending on the user's interaction with the button.

colors

ButtonColors that will be used to resolve the colors for this button in different states. See ButtonDefaults.buttonColors.

elevation

ButtonElevation used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See ButtonElevation.shadowElevation.

border

the border to draw around the container of this button contentPadding the spacing values to apply internally between the container and the content

contentPadding

the spacing values to apply internally between the container and the content

interactionSource

an optional hoisted MutableInteractionSource for observing and emitting Interactions for this button. You can use this to change the button's appearance or preview the button in different states. Note that if null is provided, interactions will still happen internally.

content

the content to be placed in the button