Badge

Badge component is a small label with a background used mostly to annotate certain content.

This component can also be used as a promotion of your Pro subscription.

There are multiple badge styles:

• primary
• secondary
• outline
• destructive

Example:

Badge(style: .primary, text: "Primary")
Badge(style: .secondary, text: "Secondary")
Badge(style: .outline, text: "Outline")
Badge(style: .destructive, text: "Destructive")