<div class='type'>Composable Component</div>



A `SplitButtonLayout` let user define a button group consisting of 2 buttons. The leading button
performs a primary action, and the trailing button performs a secondary action that is
contextually related to the primary action.

<a id='references'></a>



<h2 id="splitbuttonlayout-leadingbutton-trailingbutton-modifier-spacing">SplitButtonLayout</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@ExperimentalMaterial3ExpressiveApi
@Composable
fun SplitButtonLayout(
    leadingButton: @Composable () -> Unit,
    trailingButton: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    spacing: Dp = SplitButtonDefaults.Spacing,
)
```


#### Parameters

| | |
| --- | --- |
| leadingButton | the leading button. You can specify your own composable or construct a `SplitButtonDefaults.LeadingButton` |
| trailingButton | the trailing button.You can specify your own composable or construct a `SplitButtonDefaults.TrailingButton` |
| modifier | the `Modifier` to be applied to this split button. |
| spacing | The spacing between the `leadingButton` and `trailingButton` |