# Split button A split button pairs a main action with a trailing button that opens a menu of related actions. **Example: A split button with a Save action and a menu of save options** ```html Save as copy Save as template ``` ## Usage guidelines * **One main action plus related ones.** The leading button runs the most common action, and the menu holds the alternatives. * **Same sizes as buttons.** Split buttons come in the five button sizes, so they can sit next to [buttons](/material-web/3.0/components/button/) and icon buttons of the same size. * **Trailing menu icon.** The trailing button always shows the menu icon. Its color doesn't change when the menu opens; it only turns. ## Anatomy A split button holds a leading button, a trailing button and the menu the trailing button opens. **Example: A split button with an icon, a label and a menu** ```html Send later Schedule send ``` ## Examples ### Colors Split buttons are `filled` by default. Set `color` to `elevated`, `tonal` or `outlined`. **Example: A tonal split button** ```html Reply all Forward ``` ### Sizes Set `size` to `xs`, `sm` (the default), `md`, `lg` or `xl`. **Example: A large split button** ```html Send later Schedule send ``` ### Leading icon The leading button can have an icon, a label, or both. **Example: A split button with an icon and a label** ```html Download as PDF Download as text ``` ## Accessibility * Both parts are native `