Versions Compared

Key

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

Overview

  • Badges are colored text elements element containing small bits amount of information

  • It is used for labeling content and highlighting information

  • A 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.

  • // Add ss

Attributes

Label

  • The label is a short description given to the badge

  • Generally, the label is displayed displays on the badge

...

Variant

Allows you to show badge in different color format

  • The badge comes in a six variants

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

    • Inverse: Shows badge in grey color

    • Lightest: Shows badge in white color

    • Success: Shows badge in green color

    • Warning: Shows badge in orange color

    • Error: Shows badge in red color

...