Breadcrumbs

O componente v-breadcrumbs é um auxiliar de navegação por páginas. Ele aceita um ícone Material Icons ou caracteres como divisor. Uma matriz de objetos que contém os campos href, text e o opcional disabled pode ser atribuída à propriedade items do componente. Além disso, um slot existe para mais controle dos breadcrumbs, utilizando v-breadcrumbs-item ou outra marcação personalizada.

Utilização

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

API

v-breadcrumbs
Nome
dark
Padrão
false
Tipos
boolean

Components.Breadcrumbs.

Nome
divider
Padrão
'/'
Tipos
string

Especifica o caractere divisor

Nome
items New in — v1.2
Padrão
[]
Tipos
array

Components.Breadcrumbs.

Nome
justify-center Deprecated in — v1.2
Padrão
false
Tipos
boolean

Centraliza o breadcrumb

Nome
justify-end Deprecated in — v1.2
Padrão
false
Tipos
boolean

Alinha o breadcrumb no final

Nome
large
Padrão
false
Tipos
boolean

Aumenta o tamanho da fonte do texto do item do breadcrumb

Nome
light
Padrão
false
Tipos
boolean

Components.Breadcrumbs.

Exemplos

Divisores de ícone

Para a variante de ícone, breadcrumbs podem usar qualquer ícone da Material Design Icons.

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