Badge

A small component that displays a badge with a label.

Variants

Subtle (default)

Badge
<h variant="subtle">
  Badge
</h>

Solid

Badge
<h variant="solid">
  Badge
</h>

Success

Badge
<h variant="success">
  Badge
</h>

Danger

Badge
<h variant="danger">
  Badge
</h>

Warning

Badge
<h variant="warning">
  Badge
</h>

Outline

Badge
<h variant="outline">
  Badge
</h>

Ghost

Badge
<h variant="ghost">
  Badge
</h>