Bottom Nav
El componente v-bottom-nav es una alternativa al sidebar. Se usa principalmente en móviles y viene en dos variantes: íconos y texto y recorrer
Uso
While the bottom nav is meant to be used with the vue-router, you can also programmatically control the active state of the buttons by using the active.sync prop. You can change a button's value by using its value attribute.
API
Posiciona el elemento como absolute
El valor del botón activo actual. Si el botón no tiene un valor, su índice será utilizado. Esta prop soporta el modificador .sync.
Indica que el componente es parte del layout de la aplicación. Se utiliza para ajustar dinámicamente el tamaño del contenido.
Aplica el color especificado al control.
Aplica la variante del tema dark
Posiciona el elemento como fixed
Configura la altura del componente
Aplica la variante del tema light
Components.BottomNavigation.
Esconde el texto de un botón cuando no está activo
Controla la visibilidad
Ejemplos
Color y "recorrer"
Cuando utilizas un fondo de color, se recomienda usar la prop light. La prop shift esconderá el texto del botón hasta que se active. Ten en cuenta que el texto de v-btn debe estar envuelto en una etiqueta <span> forzosamente.
Alternar
Como con otros componentes de Vuetify, puedes controlar el estado visible con v-model.