# SplitButtonDefaults

Artifact: [androidx.compose.material3:material3](https://developer.android.com/jetpack/androidx/releases/compose-material3) [View Source](https://cs.android.com/search?q=file:androidx/compose/material3/SplitButton.kt+class:androidx.compose.material3.SplitButtonDefaults) Common/AllAndroid/JVM
- Cmn

  ```
  object SplitButtonDefaults
  ```

*** ** * ** ***

Contains default values used by `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonLayout.composable#SplitButtonLayout(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp)` and its style variants.

## Summary

| ### Public functions |
|---|---|---|
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ElevatedLeadingButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Create an elevated `leading button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ElevatedTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Creates an elevated `trailing button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LeadingButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Create a default `leading` button that has the same visual as a Filled`https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#OutlinedLeadingButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Create an elevated `leading button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#OutlinedTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Creates an outlined `trailing button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/OutlinedButton.composable#OutlinedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TonalLeadingButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Create a tonal `leading` button that has the same visual as a Tonal`https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TonalTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Creates a tonal `trailing` button that has the same visual as a `https://developer.android.com/reference/kotlin/androidx/compose/material3/FilledTonalButton.composable#FilledTonalButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TrailingButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Creates a `trailing` button that has the same visual as a `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)( checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, shapes: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes, colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors, elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation?, border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke?, contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues, interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Creates a `trailing` button that has the same visual as a `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#leadingButtonContentPaddingFor(androidx.compose.ui.unit.Dp)(buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp)` Recommended `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` for a provided leading button height. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#leadingButtonIconSizeFor(androidx.compose.ui.unit.Dp)(buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp)` Recommended leading button Icon size for a provided button height. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#leadingButtonShapesFor(androidx.compose.ui.unit.Dp)(buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp)` Recommended leading button `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` for a provided leading button height. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#trailingButtonContentPaddingFor(androidx.compose.ui.unit.Dp)(buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp)` Recommended `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` for a provided trailing button height. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#trailingButtonIconSizeFor(androidx.compose.ui.unit.Dp)(buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp)` Recommended trailing button Icon size for a provided button height. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#trailingButtonShapesFor(androidx.compose.ui.unit.Dp)(buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp)` Recommended trailing button `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` for a provided trailing button height. | Cmn |

| ### Public properties |
|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraLargeContainerHeight()` The default height for an extra large button container. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraLargeInnerCornerSize()` Default extra large size for the leading button end corners and trailing button start corners | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraLargeInnerCornerSizePressed()` Default extra large size for the leading button end corners and trailing button start corners when pressed | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraLargeLeadingButtonContentPadding()` Default content padding of the extra large leading button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraLargeTrailingButtonContentPadding()` Default content padding of the extra large trailing button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraLargeTrailingButtonIconSize()` The default size of the icon used inside of an extra large trailing button of a split button. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraSmallContainerHeight()` The default height for an extra small button container. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraSmallInnerCornerSize()` Default extra small size for the leading button end corners and trailing button start corners | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraSmallInnerCornerSizePressed()` Default extra small size for the leading button end corners and trailing button start corners when pressed | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraSmallLeadingButtonContentPadding()` Default content padding of the extra small leading button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraSmallTrailingButtonContentPadding()` Default content padding of the extra small trailing button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ExtraSmallTrailingButtonIconSize()` The default size of the icon used inside of an extra small trailing button of a split button. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LargeContainerHeight()` The default height for a large button container. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LargeInnerCornerSize()` Default large size for the leading button end corners and trailing button start corners | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LargeInnerCornerSizePressed()` Default large size for the leading button end corners and trailing button start corners when pressed | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LargeLeadingButtonContentPadding()` Default content padding of the large leading button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LargeTrailingButtonContentPadding()` Default content padding of the large trailing button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LargeTrailingButtonIconSize()` The default size of the icon used inside of a large trailing button of a split button. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LeadingIconSize()` Default icon size for the leading button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#MediumContainerHeight()` The default height for a medium button container. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#MediumInnerCornerSize()` Default medium size for the leading button end corners and trailing button start corners | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#MediumInnerCornerSizePressed()` Default medium size for the leading button end corners and trailing button start corners when pressed | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#MediumLeadingButtonContentPadding()` Default content padding of the medium leading button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#MediumTrailingButtonContentPadding()` Default content padding of the medium trailing button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#MediumTrailingButtonIconSize()` The default size of the icon used inside of a medium trailing button of a split button. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#OuterCornerSize()` Default percentage size for the leading button start corners and trailing button end corners | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#SmallContainerHeight()` Default minimum height of the split button. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#SmallInnerCornerSize()` Default small size for the leading button end corners and trailing button start corners | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/shape/CornerSize` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#SmallInnerCornerSizePressed()` Default small size for the leading button end corners and trailing button start corners when pressed | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#SmallLeadingButtonContentPadding()` Default content padding of the small leading button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#SmallTrailingButtonContentPadding()` Default content padding of the small trailing button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#SmallTrailingButtonIconSize()` The default size of the icon used inside of a small trailing button of a split button. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#Spacing()` Default spacing between the `leading` and `trailing` button | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TrailingIconSize()` Default icon size for the trailing button | Cmn |

## Public functions

### ElevatedLeadingButton

Cmn

```
@Composable
fun ElevatedLeadingButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    shapes: SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight),
    colors: ButtonColors = ButtonDefaults.elevatedButtonColors(),
    elevation: ButtonElevation? = ButtonDefaults.elevatedButtonElevation(),
    border: BorderStroke? = null,
    contentPadding: PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight),
    interactionSource: MutableInteractionSource? = null,
    content: @Composable RowScope.() -> Unit
): Unit
```

Create an elevated `leading button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. To create a `filled`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.elevatedButtonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = ButtonDefaults.elevatedButtonElevation()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = null` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content for the button. |

### ElevatedTrailingButton

Cmn

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

Creates an elevated `trailing button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. When `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ElevatedTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is updated from `false` to `true`, the buttons corners will morph to `full` by default. Pressed shape and checked shape can be customized via `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#ElevatedTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` param.

To create a `tonal`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | indicates whether the button is checked. This will trigger the corner morphing animation to reflect the updated state. |
| `onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = trailingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.elevatedButtonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = ButtonDefaults.elevatedButtonElevation()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = null` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = trailingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content to be placed in the button |

### LeadingButton

Cmn

```
@Composable
fun LeadingButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    shapes: SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight),
    colors: ButtonColors = ButtonDefaults.buttonColors(),
    elevation: ButtonElevation? = ButtonDefaults.buttonElevation(),
    border: BorderStroke? = null,
    contentPadding: PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight),
    interactionSource: MutableInteractionSource? = null,
    content: @Composable RowScope.() -> Unit
): Unit
```

Create a default `leading` button that has the same visual as a Filled`https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. To create a `tonal`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.buttonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = ButtonDefaults.buttonElevation()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = null` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content for the button. |

### OutlinedLeadingButton

Cmn

```
@Composable
fun OutlinedLeadingButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    shapes: SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight),
    colors: ButtonColors = ButtonDefaults.outlinedButtonColors(),
    elevation: ButtonElevation? = null,
    border: BorderStroke? = ButtonDefaults.outlinedButtonBorder(enabled),
    contentPadding: PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight),
    interactionSource: MutableInteractionSource? = null,
    content: @Composable RowScope.() -> Unit
): Unit
```

Create an elevated `leading button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. To create a `filled`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.outlinedButtonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = null` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = ButtonDefaults.outlinedButtonBorder(enabled)` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content for the button. |

### OutlinedTrailingButton

Cmn

```
@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
): Unit
```

Creates an outlined `trailing button` that has the same visual as an `https://developer.android.com/reference/kotlin/androidx/compose/material3/OutlinedButton.composable#OutlinedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. When `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#OutlinedTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is updated from `false` to `true`, the buttons corners will morph to `full` by default. Pressed shape and checked shape can be customized via `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#OutlinedTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` param.

To create a `tonal`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | indicates whether the button is checked. This will trigger the corner morphing animation to reflect the updated state. |
| `onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = trailingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.outlinedButtonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = null` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = ButtonDefaults.outlinedButtonBorder(enabled)` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = trailingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content to be placed in the button |

### TonalLeadingButton

Cmn

```
@Composable
fun TonalLeadingButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    shapes: SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight),
    colors: ButtonColors = ButtonDefaults.filledTonalButtonColors(),
    elevation: ButtonElevation? = ButtonDefaults.filledTonalButtonElevation(),
    border: BorderStroke? = null,
    contentPadding: PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight),
    interactionSource: MutableInteractionSource? = null,
    content: @Composable RowScope.() -> Unit
): Unit
```

Create a tonal `leading` button that has the same visual as a Tonal`https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. To create a `filled`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = leadingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.filledTonalButtonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = ButtonDefaults.filledTonalButtonElevation()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = null` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = leadingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content for the button. |

### TonalTrailingButton

Cmn

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

Creates a tonal `trailing` button that has the same visual as a `https://developer.android.com/reference/kotlin/androidx/compose/material3/FilledTonalButton.composable#FilledTonalButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. When `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TonalTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is updated from `false` to `true`, the buttons corners will morph to `full` by default. Pressed shape and checked shape can be customized via `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TonalTrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` param.

To create a `tonal`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | indicates whether the button is checked. This will trigger the corner morphing animation to reflect the updated state. |
| `onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = trailingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.filledTonalButtonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = ButtonDefaults.filledTonalButtonElevation()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = null` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = trailingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content to be placed in the button |

### TrailingButton

Cmn

```
@Composable
fun TrailingButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    shapes: SplitButtonShapes = trailingButtonShapesFor(SmallContainerHeight),
    colors: ButtonColors = ButtonDefaults.buttonColors(),
    elevation: ButtonElevation? = ButtonDefaults.buttonElevation(),
    border: BorderStroke? = null,
    contentPadding: PaddingValues = trailingButtonContentPaddingFor(SmallContainerHeight),
    interactionSource: MutableInteractionSource? = null,
    content: @Composable RowScope.() -> Unit
): Unit
```

Creates a `trailing` button that has the same visual as a `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

To create a `tonal`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `onClick: () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = trailingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.buttonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = ButtonDefaults.buttonElevation()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = null` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = trailingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content to be placed in the button |

### TrailingButton

Cmn

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

Creates a `trailing` button that has the same visual as a `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. When `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is updated from `false` to `true`, the buttons corners will morph to `full` by default. Pressed shape and checked shape can be customized via `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TrailingButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` param.

To create a `tonal`, `outlined`, or `elevated` version, the default value of `https://developer.android.com/reference/kotlin/androidx/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` params can be passed in. For example, `https://developer.android.com/reference/kotlin/androidx/compose/material3/ElevatedButton.composable#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`.

The default text style for internal `https://developer.android.com/reference/kotlin/androidx/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.foundation.text.TextAutoSize,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components will be set to `https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography#labelLarge()`.

| Parameters |
|---|---|
| `checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | indicates whether the button is checked. This will trigger the corner morphing animation to reflect the updated state. |
| `onCheckedChange: (https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | called when the button is clicked |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to this button. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | 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: https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes = trailingButtonShapesFor(SmallContainerHeight)` | the `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` that the trailing button will morph between depending on the user's interaction with the button. |
| `colors: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors = ButtonDefaults.buttonColors()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonColors` that will be used to resolve the colors for this button in different states. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonDefaults#buttonColors()`. |
| `elevation: https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation? = ButtonDefaults.buttonElevation()` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation` used to resolve the elevation for this button in different states. This controls the size of the shadow below the button. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/ButtonElevation#shadowElevation(kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource)`. |
| `border: https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke? = null` | the border to draw around the container of this button |
| `contentPadding: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues = trailingButtonContentPaddingFor(SmallContainerHeight)` | the spacing values to apply internally between the container and the content |
| `interactionSource: https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource? = null` | an optional hoisted `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource` for observing and emitting `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s 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: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | the content to be placed in the button |

### leadingButtonContentPaddingFor

Cmn

```
fun leadingButtonContentPaddingFor(buttonHeight: Dp): PaddingValues
```

Recommended `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` for a provided leading button height.

| Parameters |
|---|---|
| `buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | The height of the button |

### leadingButtonIconSizeFor

Cmn

```
fun leadingButtonIconSizeFor(buttonHeight: Dp): Dp
```

Recommended leading button Icon size for a provided button height.

| Parameters |
|---|---|
| `buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | The height of the button |

### leadingButtonShapesFor

Cmn

```
@Composable
fun leadingButtonShapesFor(buttonHeight: Dp): SplitButtonShapes
```

Recommended leading button `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` for a provided leading button height.

| Parameters |
|---|---|
| `buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | The height of the button |

### trailingButtonContentPaddingFor

Cmn

```
fun trailingButtonContentPaddingFor(buttonHeight: Dp): PaddingValues
```

Recommended `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` for a provided trailing button height.

| Parameters |
|---|---|
| `buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | The height of the button |

### trailingButtonIconSizeFor

Cmn

```
fun trailingButtonIconSizeFor(buttonHeight: Dp): Dp
```

Recommended trailing button Icon size for a provided button height.

| Parameters |
|---|---|
| `buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | The height of the button |

### trailingButtonShapesFor

Cmn

```
@Composable
fun trailingButtonShapesFor(buttonHeight: Dp): SplitButtonShapes
```

Recommended trailing button `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonShapes` for a provided trailing button height.

| Parameters |
|---|---|
| `buttonHeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | The height of the button |

## Public properties

### ExtraLargeContainerHeight

Cmn

```
val ExtraLargeContainerHeight: Dp
```

The default height for an extra large button container.

### ExtraLargeInnerCornerSize

Cmn

```
val ExtraLargeInnerCornerSize: CornerSize
```

Default extra large size for the leading button end corners and trailing button start corners

### ExtraLargeInnerCornerSizePressed

Cmn

```
val ExtraLargeInnerCornerSizePressed: CornerSize
```

Default extra large size for the leading button end corners and trailing button start corners when pressed

### ExtraLargeLeadingButtonContentPadding

Cmn

```
val ExtraLargeLeadingButtonContentPadding: PaddingValues
```

Default content padding of the extra large leading button

### ExtraLargeTrailingButtonContentPadding

Cmn

```
val ExtraLargeTrailingButtonContentPadding: PaddingValues
```

Default content padding of the extra large trailing button

### ExtraLargeTrailingButtonIconSize

Cmn

```
val ExtraLargeTrailingButtonIconSize: Dp
```

The default size of the icon used inside of an extra large trailing button of a split button.

### ExtraSmallContainerHeight

Cmn

```
val ExtraSmallContainerHeight: Dp
```

The default height for an extra small button container.

### ExtraSmallInnerCornerSize

Cmn

```
val ExtraSmallInnerCornerSize: CornerSize
```

Default extra small size for the leading button end corners and trailing button start corners

### ExtraSmallInnerCornerSizePressed

Cmn

```
val ExtraSmallInnerCornerSizePressed: CornerSize
```

Default extra small size for the leading button end corners and trailing button start corners when pressed

### ExtraSmallLeadingButtonContentPadding

Cmn

```
val ExtraSmallLeadingButtonContentPadding: PaddingValues
```

Default content padding of the extra small leading button

### ExtraSmallTrailingButtonContentPadding

Cmn

```
val ExtraSmallTrailingButtonContentPadding: PaddingValues
```

Default content padding of the extra small trailing button

### ExtraSmallTrailingButtonIconSize

Cmn

```
val ExtraSmallTrailingButtonIconSize: Dp
```

The default size of the icon used inside of an extra small trailing button of a split button.

### LargeContainerHeight

Cmn

```
val LargeContainerHeight: Dp
```

The default height for a large button container.

### LargeInnerCornerSize

Cmn

```
val LargeInnerCornerSize: CornerSize
```

Default large size for the leading button end corners and trailing button start corners

### LargeInnerCornerSizePressed

Cmn

```
val LargeInnerCornerSizePressed: CornerSize
```

Default large size for the leading button end corners and trailing button start corners when pressed

### LargeLeadingButtonContentPadding

Cmn

```
val LargeLeadingButtonContentPadding: PaddingValues
```

Default content padding of the large leading button

### LargeTrailingButtonContentPadding

Cmn

```
val LargeTrailingButtonContentPadding: PaddingValues
```

Default content padding of the large trailing button

### LargeTrailingButtonIconSize

Cmn

```
val LargeTrailingButtonIconSize: Dp
```

The default size of the icon used inside of a large trailing button of a split button.

### LeadingIconSize

Cmn

```
val LeadingIconSize: Dp
```

Default icon size for the leading button

### MediumContainerHeight

Cmn

```
val MediumContainerHeight: Dp
```

The default height for a medium button container.

### MediumInnerCornerSize

Cmn

```
val MediumInnerCornerSize: CornerSize
```

Default medium size for the leading button end corners and trailing button start corners

### MediumInnerCornerSizePressed

Cmn

```
val MediumInnerCornerSizePressed: CornerSize
```

Default medium size for the leading button end corners and trailing button start corners when pressed

### MediumLeadingButtonContentPadding

Cmn

```
val MediumLeadingButtonContentPadding: PaddingValues
```

Default content padding of the medium leading button

### MediumTrailingButtonContentPadding

Cmn

```
val MediumTrailingButtonContentPadding: PaddingValues
```

Default content padding of the medium trailing button

### MediumTrailingButtonIconSize

Cmn

```
val MediumTrailingButtonIconSize: Dp
```

The default size of the icon used inside of a medium trailing button of a split button.

### OuterCornerSize

Cmn

```
val OuterCornerSize: CornerSize
```

Default percentage size for the leading button start corners and trailing button end corners

### SmallContainerHeight

Cmn

```
val SmallContainerHeight: Dp
```

Default minimum height of the split button. This applies to both `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#LeadingButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/compose/material3/SplitButtonDefaults#TrailingButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SplitButtonShapes,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. Applies to all 4 variants of the split button

### SmallInnerCornerSize

Cmn

```
val SmallInnerCornerSize: CornerSize
```

Default small size for the leading button end corners and trailing button start corners

### SmallInnerCornerSizePressed

Cmn

```
val SmallInnerCornerSizePressed: CornerSize
```

Default small size for the leading button end corners and trailing button start corners when pressed

### SmallLeadingButtonContentPadding

Cmn

```
val SmallLeadingButtonContentPadding: PaddingValues
```

Default content padding of the small leading button

### SmallTrailingButtonContentPadding

Cmn

```
val SmallTrailingButtonContentPadding: PaddingValues
```

Default content padding of the small trailing button

### SmallTrailingButtonIconSize

Cmn

```
val SmallTrailingButtonIconSize: Dp
```

The default size of the icon used inside of a small trailing button of a split button.

### Spacing

Cmn

```
val Spacing: Dp
```

Default spacing between the `leading` and `trailing` button

### TrailingIconSize

Cmn

```
val TrailingIconSize: Dp
```

Default icon size for the trailing button