---
url: /components/split-button/overview.md
description: >-
  Split buttons combine a primary action with a secondary action in a single
  component.
---

# Split buttons

Split buttons combine a primary action with a secondary action in a single component.

**Overview** · [Specs](specs.md) · [Guidelines](guidelines.md) · [Accessibility](accessibility.md)

![Split buttons](/assets/46f7ba45-mrol53tq-split-buttons.BUGWzqYT.webp)

* Use to show an action with a menu of related actions
* Same size range as buttons and icon buttons: XS, S, M, L, XL

<video controls src="https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4ilqvqh-Split-Button-B.mp4?alt=media" aria-label="An extra large split button. It has a label and icon on one part of the button, and a menu icon on the other part."></video>

Split buttons are made of a common button and a menu icon button

## Availability & resources

| Type | Resource | Status |
| --- | --- | --- |
| Design | [Design Kit (Figma)](https://www.figma.com/community/file/1035203688168086460) | Available |
| Implementation | [Jetpack Compose: Expressive](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#SplitButtonLayout\(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp\)) | Available |
| Implementation | [Android Views (MDC-Android): Expressive](https://github.com/material-components/material-components-android/blob/master/docs/components/Button.md#split-button) | Available |
| Implementation | Web: Expressive | Unavailable |

## M3 Expressive update

**May 2025**

The split button has a separate menu button that spins and changes shape when activated. It can be used alongside other buttons of the same size. [More on M3 Expressive](https://m3.material.io/blog/building-with-m3-expressive)

New component added to catalog.<br><br>Sizes:

* Extra small
* Small
* Medium
* Large
* Extra large

Color styles:

* Elevated
* Filled
* Tonal
* Outlined

![5 sizes of split buttons.](/assets/c4d8e2d8-m0dmjd8r-2.BtKTcaRE.webp)

Split buttons have the same five recommended sizes as label and icon buttons