Badge

Badges are small components that provide information at a given time.

Code


                                                        
                                                        
                                                            <PyxisBadge 
                                                            label="Badge"
                                                        />

Example of a Badge component

Props

The Badge component supports the following props:

Name	Type	Default	Required
label	string	undefined	true
color	'primary'\|'secondary'\|'warning'\|'danger'\|'success'\|'premium'\|'earth'\|'neptune'\|'jupiter'\|'cloudy'\|'system'\|'neutral'\|'brand'	'primary'	false
size	'default'\|'compact'	'default'	false
iconClass	string	undefined	false
ariaLabel	string	undefined	false
dataTestid	string	undefined	false
counter	string	undefined	false
isInactive	boolean	false	false