Versions Compared

Key

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

...

  • Badges are colored text elements containing small bits of information

  • It is used for labeling content, displaying metadata, and highlighting information

...

Attributes

...

  • Label: A badge label is used to give the identity of a badge, which is displayed on the UI and its editable

  • Variant: Sets various types of variants for the badge which is displayed in different color formats according to their conditions

    • The badge comes in a five variants

      • Default: Default is used to display the default color of the badge, which is displayed 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

...