Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Badges are colored text elements containing a small amount of information

  • It is used for labeling content and highlighting information

  • A badge Badge can be used to display unread notifications or to label a block of text

  • Badges do not work for navigation because they can not include a hyperlink

...

  • The label is a short description given to the badgeBadge

  • Generally, the label is displayed on the badgeBadge

...

Variant

Allows you to show badge in different color format

  • The badge Badge comes in a six variants

    • Default: Default is used to display the default color of the badge, which is displays in white color

    • Inverse: Shows badge Badge in grey color

    • Lightest: Shows badge Badge in white color

    • Success: Shows badge Badge in green color

    • Warning: Shows badge Badge in orange color

    • Error: Shows badge Badge in red color

...

Left Icon

This is an icon selector using which we can select the icon we want to be displayed on the left side of the badgeBadge Label

...

Right Icon

This is an icon selector using which we can select the icon we want to be displayed on the right side of the badgeBadge Label

...

 

Include Page
Common configurations for components at the layout
Common configurations for components at the layout

...