Sistema de diseño
Badge
Es un pequeño elemento visual que se utiliza para resaltar o destacar información o estados en la interfaz de usuario.
Figma
Storybook
AEM
Overview
Los badges suelen ser pequeñas etiquetas que se aplican a elementos como iconos, botones, imágenes o texto, para proporcionar información adicional de forma rápida y visualmente llamativa.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Este elemento cuenta con dos variantes: Dot, que se usa únicamente como destacado visual, y Numeric, que ofrece información numérica sobre los avisos.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Border
Por defecto, el badge aparece sin borde, pero si se coloca sobre un fondo que dificulta su visibilidad, se puede activar un borde de 2px en color blanco para que contraste mejor.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Min / Max number
El número mostrará las notificaciones que tiene el usuario: Mínimo 1 - Máx 99+.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes