Badges

Badges en los párrafos

A lo largo de esta documentación se utilizó este recurso para resaltar texto en diferentes partes y se los asoción a otros elementos dinámicos que permiten más conocimiento acerca de lo referenciado al usuario que visita la página.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta, dolores quo? At, voluptate mollitia veniam sapiente quo pariatur quaerat voluptates aliquid deserunt ea eos, voluptatibus exercitationemdolore ducimus repellendus maxime!

    
        
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta, dolores quo? At, 
            voluptate mollitia veniam sapiente quo pariatur quaerat voluptates aliquid deserunt ea eos, 
            voluptatibus exercitationemdolore ducimus  repellendus maxime!

Las clases utilizadas para resaltar el texto de esta menera son .badge .badge-[color] siendo color los que dispone bodystyle para definir estos elementos.

BLANCO
NEGRO
GRIS
ROJO
AZUL
VERDE
BODYUI

Alias en inglés

Desde la Versión 4.0.0 se migraron algunas clases al idioma inglés siendo funcionales en ambos idiomas.

Español	Inglés	Ejemplo
badge-rojo	badge-red	Ejemplo
badge-verde	badge-green	Ejemplo
badge-negro	badge-black	Ejemplo
badge-blanco	badge-white	Ejemplo
badge-azul	badge-blue	Ejemplo
badge-gris	badge-grey	Ejemplo
badge-bodyui	badge-bodyui	Ejemplo

Tamaños 4.5.0

Desde la versión 4.5.0 se añadieron cinco tamaños de badges (xs | sm | md | lg | xl) permitiendo un tamaño de badge independiente al alemento en el cual se encuentren y brindando flexibilidad en la definición del elemento.

.badge-xs .badge-sm .badge-md .badge-lg .badge-xl

        
            .badge-xs
            .badge-sm
            .badge-md
            .badge-lg
            .badge-xl