Breadcrumbs

Elemento simple compuesto sólo por clases CSS y que permite brindale una guia al usuario para saber en que parte del proceso se encuentra. Por ejemplo cuando el usuario se encuentra completando un formulario de varias etapas, este elemento le permite al usuario conocer la etapa en la que se encuentra.

Breadcrumbs Oscuro

La biblioteca tiene dos temas uno claro y uno oscuro para ajustarse a todos los sitios que implementen diferentes temas en su diseño.

Inicio servicios Personal Galeria 
    

        Inicio
        servicios
        Personal
        Galeria
En el ejemplo anterior se colocó un fondo blanco para que pueda apreciarse el elemento.
La clase .br-activo mantiene la situación actual del usuario en color negro, de manera tal de poder identificar visualmente el paso del proceso en el que se encuentran.

Breadcrumbs Claro

Ahora el otro tema de este elemento que resalta en sitios que utilizan diseños oscuros.

Inicio servicios Personal Galeria 
    

        Inicio
        servicios
        Personal
        Galeria
Simplemente cuando el usuario avance en el proceso en el cual se encuentre se remueve la clase .br-activo del elemento actual y se la agrega en el elemento siguiente.
`r`n