Skip to content

BottomNavigation

Bottom navigation for a mobile view.

Props

type
List of menu items
type:Array as PropType<NavItem[]>
default:Array
active
Active tab number
type:Number
default:1

Events

clickTab
Returns the "to" element for routing

Examples

To see the menu, go to development mode and set a mobile view.

html
<bottom-navigation
  :list="[
    { title: 'Home', to: '/', iconFile: home },
    { title: 'Blog', to: '/blog', iconFile: code },
    { title: 'Projects ', to: '/', iconFile: diagram },
    { title: 'Work ', to: '/work', iconFile: cycle },
    { title: 'Let\'s talk ', to: '/lets-talk', iconFile: calendar }
  ]"
/>