Horizontal

  1. Docs
  2. Horizontal

Horizontal menu configuration

You can set horizontal layout using below changes in resources/js/state/modules/layout.js file.

layoutType="horizontal"

How to add new menu items/change menu items?

In order to add, change or remove menu items from the navbar navigation, simply edit in file resources/js/layouts/hotizontal.vue.

How to use pre-built layouts?

Please do the below change in the html element at resources/js/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'