Buttons

Use any of the available button classes to quickly create a styled button . We provide a variety of colors for you to express different emotions.

Add class .btn-gradientto quickly create a Gradient Buttons.

Use a classes .btn-outline-secondary, .btn-outline-primary to quickly create a outline.

Use a class .btn-ovalto quickly create a rounded buttons.

Use a classes .btn-square to quickly create a square button.

Use a class .btn-xl, .btn-lg, .btn-sm for additional sizes buttons.

Use a classes .btn-flat to quickly create a flat button.

Use a classes .btn-circle to quickly create a flat button.

Use a classes .btn-pill-left or.btn-pill-right to quickly create a flat button.

Labeled buttons are traditional buttons with an extra component like an icon. You can place it either on the left or the right which ever you want with different color opitons.

Grouped buttons give users access to frequently performed actions of a focused task. Wrap a series of buttons with .btn in .btn-group.

Instead of applying button sizing classes to every button in a group, just add .btn-group-* to each .btn-group.

Wrap a dropdown menu with .btn in .btn-group.