System
Six tonal chips: default, secondary, outline, destructive, ghost, and link. Each pairs a dark fill with the variant's anchor hue, lifted to stay legible; hover brightens the label.
Use the iconprop to add an icon before the label. Icons inherit the variant's text color.
Interactive badges get hover states automatically. Use asChild for links or buttons.