Badge

Displays a badge or a component that looks like a badge.

Preview

Here's a preview of Badge components with a code.

Examples

Examples of the Badge Components that you might use

Animated Example

An example of an animated Badge component

Props

PropTypeDescription
StringThe text that will shows up
StringColor of the text
StringColor of the background
BooleanThe badge goes up if you hover on it
BooleanIf you want the light to be animated or not
NumberThe duration of the light
NumberThe percentage of the light
StringThe color of the light