Versions Compared

Key

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

...

  • The label is a short description given to the BadgeGenerally, the label is displayed on the Badgebadge

...

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 displays displayed in white color

    • Inverse: Shows Badge Inverse is a variant of Badge, which is displayed in grey color

    • Lightest: Shows Badge Lightest is a variant of Badge, which is displayed in white color

    • Success: Shows Badge Success is a variant of Badge, which is displayed in green color

    • Warning: Shows Badge Warning is a variant of Badge, which is displayed in orange color

    • Error: Shows Badge Error is a variant of Badge, which is displayed in red color

...

Left Icon

  • This is an icon selector using which you can select the icon you want to be displayed on the left side of the Badge Label

  • You can also remove the icon by clicking on the cross icon which is visible on the right side of the icon

...

Right Icon

  • This is an icon selector using which you can select the icon you want to be displayed on the right side of the Badge Label

  • You can also remove the icon by clicking on the cross icon which is visible on the right side of the icon

...

 

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

...