Sistema de diseño
Icon with badge
Elemento visual que combina un ícono estándar con un badge superpuesto. Se usa para resaltar información adicional, como notificaciones, alertas o estados específicos.
Figma
Storybook
AEM
Overview
Para tener claras las reglas de aplicación del componente Badge sobre los iconos del sistema hemos creado este componente que contempla ambos elementos ya combinados.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Existen dos variantes de este componente Icon with badge: Dot, que sirve solo como destacado visual, y Numeric, que aporta información numérica sobre los avisos.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Icon
Se puede utilizar cualquier icono de la librería de Oxygen utilizando esta propiedad.
.png)
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Min / Max number
El número en el badge indicará la cantidad de notificaciones que tiene el usuario, con un rango de 1 a 99+, mostrando “99+” para valores superiores a 99.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes