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