This component renders a badge. Badges are not meant to be clickable. Refer to `DIG.Button` or `DIG.Chip` for clickable alternatives. ### Example ```jsx return ( <Widget src="near/widget/DIG.Badge" props={{ label: "Hello", iconLeft: "ph-bold ph-pizza", variant: "warning", }} /> ); ``` ### Props `iconLeft` - type: string (CSS Class) - optional - example: `"ph-bold ph-anchor-simple"` - https://phosphoricons.com - Adds an icon to the left of the `label` `iconRight` - type: string (CSS Class) - optional - example: `"ph-bold ph-anchor-simple"` - https://phosphoricons.com - Adds an icon to the right of the `label` `label` - type: string - required - The text displayed inside the badge `variant` - type: string - optional - Values: `primary` (default), `neutral`, `success`, `alert`, `warning` All other props will be forwarded through to the wrapping `<div>` element. EG: `id`, `className`, `aria-*`.