Diseño y Recursos
Generador de CSS para Pill-Badge
Genera CSS para estilos de badge con forma de píldora.
Entrada
Generador de CSS para Pill-Badge
badgeCápsulaCSSui
Salida
Generador de Cápsula Badge CSS
.pill-badge {
display: inline-flex;
align-items: center;
gap: 10px;
border-radius: 999px;
padding: 4px 12px;
background: #dcfce7;
color: #16a34a;
font-size: 13px;
font-weight: 700;
}En vivo Vista previa
Live canvas