FREE CSS COMPONENT
Badge
Badges work best for short labels. Do not rely on color alone to communicate meaning.
Live preview
Active
HTML
<span class="demo-badge">Active</span>
CSS
.demo-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#111;color:#fff;font:600 12px/1 Inter,sans-serif}