loading-img

Buttons

Do you need buttons ? We did 13 fancy style buttons for Kode.
Simple to personify. Make your own style.

  • 13 Different style
  • Based on Bootstrap Buttons
  • Easy to Personify
  • Dropdowns
  • Size and Group Option
COLORS

Classic

Classic button style btn example btn-default

There is also option colors example btn-option1 or btn-option5

Default Primary Success Info Warning Danger Option 1 Option 2 Option 3 Option 4 Option 5 Basic Light

Rounded

Rounded buttons. Just add btn-rounded

All colors support rounded.

Default Primary Success Info Warning Danger Option 1 Option 2 Option 3 Option 4 Option 5 Basic Light

Square

Square button style with btn-square

Default Primary Success Info Warning Danger Option 1 Option 2 Option 3 Option 4 Option 5 Basic Light

Sizing

You can easily change your button size.

Extra Small btn-xs, Small btn-sm, Normal with no size, Large btn-lg, Extra Large btn-xl

Extra Small Small Normal Large Extra Large

Block Button

How to make a block button? Easy add btn-block on your button class.


Icon Button

Here is Icon buttons. You can create icon button with Font-Awesome. btn-icon

With Icons

Just put an icon on your button. Its gonna auto size and position itself.

Default Primary Success Info Warning Danger Option 1 Option 2 Option 3 Option 4 Option 5 Basic Light

Groups

Wrap a series of buttons with .btn in .btn-group





Button Dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.


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.


Social Button

Make social buttons with colors and icons.

Examples

Create your style.


To-do List
TODAY
TOMORROW