Versions Compared

Key

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

...

  • Default: Default is used to display the default color of the badge such as white color

  • Inverse: Inverse is used when you need higher contrast than our default badge which is If the user selects the inverse from the drop-down then the badge will be displayed in grey color

  • Lightest: Lightest is used when you need higher contrast, such as on colored backgroundsSuccess: Success is used to communicate success which is If the user selects the lightest from the drop-down then the badge will be displayed in white color

  • Success: If the user selects the success from the drop-down then the badge will be displayed in green color

  • Warning: Warning is used to communicate warning which is If the user selects the warning from the drop-down then the badge will be displayed in orange color

  • Error: Error is used to communicate an error which is If the user selects the error from the drop-down then the badge will be displayed in red color

...

  •  No Left Icon:  If the checkbox is true, then the left icon is disabled 

...