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
color prop applys a color to the background the bottom navigation. It is recommended to use the
dark props to properly contrast text color.
grow property, buttons within it grow to fill available space.
horizontal prop, places nav text next to the icon as appose to beneath it.
shift prop will hide the button text until active. For this to work,
v-btn text is required to be wrapped in a
As with other Vuetify components, you can control the display state with
Hide on scroll
v-bottom-navigation when target element is scrolled.
scroll-threshold property allows you to customize the threshold you can scroll before