Vertical menu configuration

How to change width?

In order to change the width of left side navigation bar, open a file src/assets/scss/_variables.scss and change the value of variable $sidebar-width. The default value is set to 240px.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in src/Components/Rightbar.svelte:

image
Light Sidebar & Topbar Dark
leftSideBarTheme: "light" and topbarTheme: "dark"
image
Compact Sidebar
leftSideBarType: "md"
image
Icon Sidebar
leftSideBarType: "sm"
image
Boxed Layout
layoutWidth: "boxed"
image
Colored Sidebar
leftSideBarTheme: "brand"
image
Dark Sidebar & Topbar Light
leftSideBarTheme: "dark" and topbarTheme: "light"