Skip to main content

Buttons

Probably the first thing people look at when choosing a UI toolkit. The common button!

Basic Button

To make a button a Blaze button add the .c-button class to buttons, inputs or links.

Button Colors

There are five button color modifiers:

Button Groups

To group related buttons together you can use the .c-input-group wrapping element. This will bunch the buttons together and remove the spacing between them.

Adding the .c-input-group--rounded modifier will make the first and last buttons rounded.

Button Sizes

Adding a size utility class will change the size of the button.

Full Width Buttons

Ghost Buttons

Ghost colors

Rounded Buttons

Active state