Vertical

  1. Docs
  2. Vertical

Vertical menu configuration

You can change or customize the left side navigation in /src/state/modules/layout.js file.

layoutType: 'vertical'

How to add new menu items/change menu items?

In order to add, change or remove menu items from the left side navigation, simply edit in file /src/components/menu.vue.

How to use pre-built layouts?

Please do the below change in /src/state/modules/layout.js file. ex: layoutWidth: 'fluid'

Layout Width

image layoutWidth: 'fluid'
image layoutWidth: 'boxed'

Layout Position

position: 'fixed'
position: 'scrollable'

Topbar Colors

image topbar: 'light'
image topbar: 'dark'

Sidebar Sizes

image sidebarSize: 'lg'
image sidebarSize: 'md'
image sidebarSize: 'sm'
image sidebarSize: 'sm-hover'

Sidebar View

image sidebarView: 'default'
image sidebarView: 'detached'

Sidebar Colors

image sidebarColor='light'
image sidebarColor='dark'
image sidebarColor='gradient'
image sidebarColor='gradient-2'
image sidebarColor='gradient-3'
image sidebarColor='gradient-4'

Sidebar Images

image sidebarImage='none'
image sidebarImage='img-1'
image sidebarImage='img-2'
image sidebarImage='img-3'
image sidebarImage='img-4'

Preloader Option

preloader='disable'
preloader='enable'