Buttons

Primary Buttons

Primary buttons comes with 5 variants: basic primary button, outlined button, primary link button, icon button & button with icon. Just include btn primary-btn to your <a> tag or <button> element.

Code Snippets

              
               
                Primary Button
                Primary Outline
                Primary Link
                
                
                  Icon on button
                
              
            

Colored Buttons

Color of buttons can be changed as well. You need to include class red-outlined-content, blue-outlined-content, yellow-outlined-content, &green-outlined-content to change color.

Code Snippets

              
               
                Error
                Info
                Warning
                Success
                
                  Send
                
              
            

Disabled Buttons

To disable the button, you need to include class disabled-btn.

Code Snippets

              
               
                Primary Button
                Primary Outline
                Primary Link
                
                  
                
                
                  Send
                
              
            

Floating Action Button

Floating-action buttons can be customized by adding the font-awesome icon of your choice. This button will be fixed to right-bottom corner. Just include floating-btn class to you button.

Code Snippets