Button

Button

Home / Elements / Button

Button Sizes

Predefined sizes are attached to the button size property, you’ll
be able to choose between the following sizes or make it custom.


X Small


Small


Medium


Large


Extra Large


X Small


Small


Medium


Large


Extra Large


X Small


Small


Medium


Large


Extra Large


X Small


Small


Medium


Large


Extra Large

Button Padding

Custom padding can be added to the button with unit
like pixels, em or %. Add it on each corner or all togethe


Padding 8px


Padding 12px


Padding 16px


Padding 20px

Button Radius Sizes

The angles of the borders can be curved to a different
radius for each border alone or together as one.

Radius 2px


Radius 10px


Radius 18px


Radius 50px

Button Border Type

Variety of border types can be applied for each button
differently, also the size can be changed for each corner.

Solid


Double


Dotted


Dashsed

Button Border Width

The border width can be easily enhanced for each
corner differently, or you can link them all together.

width 1px


width 2px


width 3px


width 4px

Button Left Icon

You can insert any icon from the font awesome
library right before the button text or after it.

Before Icon


Before Icon


Before Icon


Before Icon

Button Right Icon

You can insert any icon from the font awesome
library right before the button text or after it.

Before Icon


Before Icon


Before Icon


Before Icon

Button Type

You can insert any icon from the font awesome
library right before the button text or after it.

Default Type


Info Type


Success Type


Warning Type

Button Color

The same options are attached for the button hover,
freely to select any color from color picker.

Custom Color


Custom Color


Custom Color


Custom Color

Button Hover Animation

More than 30 hover animations can be chosen,
for the animation of the button on mouseover.

Grow Animation


Shrink Animation


Pulse Animation


Pulse Grow Animation

Button Typography

Change the font family from more than 600 google fonts, or other
font properties like letter spacing, line-height and much more.

Inconsolata


Playfair Display


BioRhyme


Archivo Black