Badges


El componente insignia o badge, es utilizado principalmente para resaltar o demarcar un cambio o actualización dentro de otro componente. Se usa dentro de botones, cards, y avatares.

El componente badge no debe confundirse con el componente etiqueta o tag, el cual se utiliza para categorizar otros componentes (por ejemplo, la categoría temática de una noticia) y contiene un enlace propio (siguiendo el ejemplo anterior, un enlace a la página con todas las noticias etiquetadas con la misma categoría).

Badges en Botones

Badge en Botones Destacados

Ejemplo:

Cargando ...
Badge en Botones Listables

Ejemplo:

Cargando ...

Badges en Cards

Badge en Cards

Ejemplo:

Cargando ...

Badges en Avatares

Badge en Avatares

Ejemplo:

Cargando ...