Badge

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

Badge

  • 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

  • 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.
Was this helpful to you?

Leave a Reply