A split button is a button broken into two seperately actionable portions: a common action (a button) at the start, and supplemental actions (a menu button) at the end.

Split buttons are for actions only, and should not be used for site navigation.

Note the usage of btn--split-start to denote the start of a split button sequence, and btn--split-end to denote its end.

Secondary Split Button

Use the secondary modifiers to create a secondary split button style.

Tertiary Split Button

Use the tertiary modifiers to create a tertiary split button style.

Fake Split Button Primary

Fake Split Button Secondary

Fake Split Button Tertiary