Componentes
Una Badge / insignia (o etiqueta) es un pequeño elemento de UI que indica estado, notificaciones o eventos, normalmente aparece junto al objeto relacionado.
Las insignias son perfectas para indicar actualizaciones de estado. Ya sea mostrando un estado en línea/fuera de línea, disponibilidad o cualquier otro estado, las insignias proporcionan información inmediata de un vistazo. Esto ayuda a los usuarios a comprender rápidamente el estado de diferentes elementos sin necesidad de hacer clic o navegar más, mejorando la experiencia general del usuario.
Las insignias se usan comúnmente para resaltar notificaciones o alertas. A menudo aparecen con números para mostrar mensajes no leídos, tareas pendientes o nuevas actualizaciones. Esta señal visual asegura que los usuarios no pasen por alto información importante y puedan abordar las notificaciones rápidamente, haciendo que su interacción con su sitio sea más eficiente y receptiva.
Las insignias también son excelentes para marcar eventos o condiciones especiales. Pueden denotar nuevas funciones, ofertas por tiempo limitado o cualquier evento que requiera atención. Colocar una insignia junto a un elemento puede atraer el foco de los usuarios hacia él, asegurando que noten y participen con contenido importante. Nuestro UI KIT incluye componentes de insignias versátiles que pueden personalizarse para adaptarse a diversas necesidades, mejorando tanto la funcionalidad como la estética de su diseño.
8 Variants
16 Variants
96 Variants
1128 Variants
36 Variants
340 Variants
336 Variants
960 Variants
86 Variants
70 Variants
128 Variants
100 Variants
2404 Variants
Información
256 Variants
12 Variants
20 Variants
50 Variants
896 Variants
196 Variants
784 Variants
840 Variants
149 Variants
22 Variants
50 Variants
1792 Variants
64 Variants
6 Variants
256 Variants
64 Variants
580 Variants
144 Variants
Información
7 Variants
441 Variants
8 Variants
14 Variants
12 Variants
Información
32 Variants