Shiko Badge Component
Sistema de diseño - Componente Badge/Chip con todas sus variantes
Tamaños
Extra SmallSmallMediumLargeExtra Large
Colores - Variante Filled
PrimarySecondarySuccessDangerWarningInfoCoralPurplePinkLightDarkWhite
Variante Outlined
PrimarySecondarySuccessDangerWarningInfoCoralPurplePink
Variante Soft
PrimarySecondarySuccessDangerWarningInfoCoralPurplePink
Variante Ghost
PrimarySecondarySuccessDangerWarningInfoCoralPurplePink
Bordes Redondeados
No Border RadiusSmall RadiusMedium RadiusLarge RadiusExtra Large RadiusFull Radius
Con Iconos
Icono IzquierdaIcono DerechaFilled con IconoAmbos LadosXS
Interactivos
ClickeableCerrableDeshabilitadoClick y Cerrar
Ejemplos Complejos
ActivoPendienteCanceladoTecnologíaDiseñoJohn Doe
Ejemplo Dinámico - Tags
Vue.jsNuxtTailwindJavaScript