Breadcrumbs

El componentev-breadcrumbs es un auxiliar para navegar páginas. Puede aceptar un ícono de Material icons o caracteres como un divisor. Un arreglo de objetos que contenga los campos href, text y opcionalmente un disabled puede pasarse a la propiedad items del componente. Adicionalmente, existe un slot regular para mayor control de los breadcrumbs, ya sea utilizando v-breadcrumbs-item u otro markup personalizado

Uso

By default, breadcrumbs use a text divider. This can be any string.

API

v-breadcrumbs
Nombre
dark
Default
false
Type
boolean

Aplica la variante del tema dark

Nombre
divider
Default
'/'
Type
string

Especifica el caracter que divide

Nombre
items New in — v1.2
Default
[]
Type
array

Components.Breadcrumbs.

Nombre
justify-center Deprecated in — v1.2
Default
false
Type
boolean

Alínea los divisores al centro

Nombre
justify-end Deprecated in — v1.2
Default
false
Type
boolean

Alínea los divisores al final

Nombre
large
Default
false
Type
boolean

Incrementa el tamaño de la fuente del texto en el breadcrumb

Nombre
light
Default
false
Type
boolean

Aplica la variante del tema light

Ejemplos

Divisores de íconos

Para la variante de íconos, los breadcrumbs pueden ser utilizados con cualquier ícono de Material Design.

Item slot

You can use the scoped item slot to customize each breadcrumb.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore