Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Pill Badge
badges
CSS
Reset
Copy
.badge { background: #f0fdf4; color: #16a34a; padding: 4px 12px; border-radius: 100px; font-size: 12px; font-weight: 600; border: 1px solid #bbf7d0; }
Live Preview
Badge
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.