Basic Buttons

You can create buttons using 3 tags: <a>, <button>, and <input>. All you have to do is add a class button to the tag.

                
                  Anchor
                   Button
                  
                
            

Colored Buttons

Colored buttons are used when you want to grab user's attention primarily on that button. We have 6 colors available for colored buttons. Check them below

                
                    Primary
                    Secondary
                    Success
                    Info
                    Warning
                    Danger
                
            

Inverted Buttons

Inverted buttons are used as secondary buttons in the website. You can use them when you want a button but don't that button to grab user's attention

                
                    Primary
                    Secondary
                    Success
                    Info
                    Warning
                    Danger
                
            

Disabled Buttons

When you don't want a user to click on a button before performing some action, just add a class disabled to the button

                
                    Disabled
                    Primary
                    Disabled
                
            

Link Buttons

You can add simple link as a button as well. They are compact and are widely used in websites.

                
                    Button Link
                    Button Link
                
            

Icon Buttons

You can add icons as buttons as well. They are compact and are widely used in websites.

Floating Buttons

Floating button is fixed at the bottom-right corner. You customize it by adding different color and icon.