Buttons

You are here

Buttons

Primary Success Info Warning Danger Gray Color Dark Color Purple Color

Primary Success Info Warning Danger Gray Color Dark Color Purple Color

Primary Success Info Warning Danger Gray Color Dark Color Purple Color


Extra Small Extra Small Extra Small Extra Small

Small Small Small Small

Default Default Default Default

Large Large Large Large


Block level button


Active button Active button Active button Active button Active button Active button Active button

Disabled button Disabled button Disabled button Active button Disabled button Disabled button Disabled button


Colored button Colored button Colored button Colored button

Colored button Colored button Colored button Colored button Colored button


Main button #1 Main button #2 Main button #3 Main button #4

Main button #1 Main button #2 Main button #3 Main button #4


button with icon button with icon button with icon button with icon button with icon button with icon



Google plus Instagram Pinterest Behance

Flickr Dribbble Linkedin Skype Github-alt Soundcloud

Get the code

[button size='lg|md|sm|xs' type='link|button' icon='fa fa-edit' link='#' class='']Bottun Label[/button]
Class:
- Button with color background:
bg-purple, bg-blue, bg-blue-2, bg-green, bg-sea, bg-orange, bg-red, bg-red-2, bg-yellow, bg-dark, bg-dark-gray, bg-gray-2, bg-light-gray, bg-tael, bg-pink, bg-color
- Button with color border:
bg-purple-brd, bg-blue-brd, bg-blue-2-brd, bg-green-brd, bg-sea-brd, bg-orange-brd, bg-red-brd, bg-red-2-brd, bg-yellow-brd, bg-dark-brd, bg-dark-gray-brd, bg-gray-2-brd, bg-light-gray-brd, bg-tael-brd, bg-pink-brd, bg-color-brd, bg-white-brd