Horizontal Layouts

If you would like to have Horizontal Menu (or Topnav) based layout, simply update layoutType: "horizontal" in the file src/state/modules/layout.js.

How to add new menu items/change menu items?

In order to add, change or remove menu items from the left side navigation, simply add menu in file /src/components/horizontal-menu.js. You have to add this menu link in "src/router/routes.js" file where all routes are pre-defined for menus. And it will be accessible from browser.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in /src/state/modules/layout.js:

image
Topbar Light
Set topbar: "light" to have light topbar.
image
Boxed Layout
Set layoutWidth: "boxed" to have boxed layout.

For topbar you can use "light", "dark" and options.