Layout

You can set the default layout in the src/Layouts/RightSidebar.svelte file.

let skinLayout = "default"; let layoutMode = "light"; let topbarColor = "light"; let sidebarColor = "light"; let contentWidth = "fluid"; let sidebarSize = "lg"; let navigationType = "sticky"; let dir = "ltr";
contentWidth = 'fluid', To set fluid layout width.
contentWidth = 'boxed', To set boxed layout width.
skinLayout = 'default' To set default skin layouts.
skinLayout = 'bordered' To set bordered skin layouts.
layoutMode = 'light', To set Light layout mode.
layoutMode = 'dark', To set Dark layout mode.
dir = 'ltr', To set ltr mode.
dir = 'rtl', To set rtl mode.
sidebarSize = 'lg', To set lg size sidebar mode.
sidebarSize = 'md', To set md size layout mode.
sidebarSize = 'sm', To set sm size layout mode.
navigationType = 'sticky', To set sticky navigation.
navigationType = 'scroll', To set scollable navigation.
navigationType = 'bordered', To set bordered navigation.
navigationType = 'hidden', To set hidden navigation.
sidebarColor = 'light', To set light sidebar mode.
sidebarColor = 'dark', To set dark sidebar mode.
sidebarColor = 'brand', To set brand sidebar mode.
sidebarColor = 'modern', To set modern sidebar mode.
topbarColor = 'light', To set topbar light mode.
topbarColor = 'dark', To set topbar dark mode.
topbarColor = 'brand', To set topbar brand mode .