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

...

  • The label is used a short description given to give the identity of a badge, which the button

  • Generally, the label is displayed on the UI and its editablebutton

...

  • 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

...