The Badge Widget allows you to create the numerous styles of badge in your pages.


  • Label : Enter the text for badge
  • URL : Set the URL for the badge
  • Type : Choose the type from the options available in the drop down i.e primary, secondary, success etc
  • Badge Style : Select the badge style to Normal or Pills
  • Vertical Align : Set the vertical align to top, bottom or none


  • Text : Enter your custom text
  • Color : Set the color of custom text
  • Typography : Choose the typography for your custom text

Badge Style

  • Color : Set the color to the text inside the badge
  • Background Color : Set the background color of badge
  • Space Between : Set the space between the text “your custom text” and badge
  • Top Bottom Spacing : Set the top and bottom padding around the badge
  • Left Right Spacing : Set the left and right padding around the badge
  • Typography : Choose the typography for badge text.

Button Badge

  • Button Badge : The whole badge can be converted into button by just clicking on the slider button.
  • Type : Choose the Button Badge style from the options available in the drop down.

NOTEIn advance option tab . Do more styling to the Badge Widget.To know more about advance option tab. CLICK HERE

Was this helpful to you?

Leave a Reply