Basic Examples Use any of the available button classes to quickly create a styled button.

Color Schemes

Button Sizes

Fancy larger or smaller buttons? Add the button sizing classes.

Disable Stat

Button Icons You can refer the Icons page for the complete list of Material Design font icons

Block Level Buttons Create block level buttons - those that span the full width of a parent - by adding .btn-block.

Button Groups Group a series of buttons together on a single line with the button group

Basic Example

Button Toolbars

Combine sets of '.btn-group.' into a '.btn-toolbar' for more complex components.

Button Group Sizing

Instead of applying button sizing classes to every button in a group, just add '.btn-group-*' to each '.btn-group', including when nesting multiple groups.

Justified Button Groups

Make a group of buttons stretch at equal sizes to span the entire width of its parent. Also works with button dropdowns within the button group.


Place a '.btn-group' within another '.btn-group' when you want dropdown menus mixed with a series of buttons.