You can set the default layout in the src/slices/layouts/reducer.ts file.
export const initialState: LayoutState = {
layoutType: LAYOUT_TYPES.VERTICAL,
layoutSemiDarkType: LAYOUT_SEMI_DARK.LIGHT,
layoutSkintype: LAYOUT_SKIN.DEFAULT,
layoutModeType: LAYOUT_MODE_TYPES.LIGHTMODE,
layoutDirectionType: LAYOUT_DIRECTION.LTR,
layoutContentWidthType: LAYOUT_CONTENT_WIDTH.FLUID,
layoutSidebarSizeType: LEFT_SIDEBAR_SIZE_TYPES.DEFAULT,
layoutNavigationType: LEFT_NAVIGATION_TYPES.STICKY,
layoutSidebarColorType: LEFT_SIDEBAR_COLOR_TYPES.LIGHT,
layoutTopbarColorType: LAYOUT_TOPBAR_THEME_TYPES.LIGHT,
}; | layoutType: LAYOUT_TYPES.VERTICAL, | To set vertical layout. |
|---|---|
| layoutType: LAYOUT_TYPES.HORIZONTAL, | To set horizontal layout. |
| layoutContentWidthType: LAYOUT_CONTENT_WIDTH.FLUID, | To set fluid layout width. |
| layoutContentWidthType: LAYOUT_CONTENT_WIDTH.BOXED, | To set boxed layout width. |
| layoutSkintype: LAYOUT_SKIN.DEFAULT | To set default skin layouts. |
| layoutSkintype: LAYOUT_SKIN.BORDERED | To set bordered skin layouts. |
| layoutModeType: LAYOUT_MODE_TYPES.LIGHTMODE, | To set Light layout mode. |
| layoutModeType: LAYOUT_MODE_TYPES.DARKMODE, | To set Dark layout mode. |
| layoutDirectionType: LAYOUT_DIRECTION.LTR, | To set ltr mode. |
| layoutDirectionType: LAYOUT_DIRECTION.RTL, | To set rtl mode. |
| layoutSidebarSizeType: LEFT_SIDEBAR_SIZE_TYPES.DEFAULT, | To set lg size sidebar mode. |
| layoutSidebarSizeType: LEFT_SIDEBAR_SIZE_TYPES.COMPACT, | To set md size layout mode. |
| layoutSidebarSizeType: LEFT_SIDEBAR_SIZE_TYPES.SMALLICON, | To set sm size layout mode. |
| layoutNavigationType: LEFT_NAVIGATION_TYPES.STICKY, | To set sticky navigation. |
| layoutNavigationType: LEFT_NAVIGATION_TYPES.SCROLL, | To set scollable navigation. |
| layoutNavigationType: LEFT_NAVIGATION_TYPES.BORDERED, | To set bordered navigation. |
| layoutNavigationType: LEFT_NAVIGATION_TYPES.HIDDEN, | To set hidden navigation. |
| layoutSidebarColorType: LEFT_SIDEBAR_COLOR_TYPES.LIGHT, | To set light sidebar mode. |
| layoutSidebarColorType: LEFT_SIDEBAR_COLOR_TYPES.DARK, | To set dark sidebar mode. |
| layoutSidebarColorType: LEFT_SIDEBAR_COLOR_TYPES.BRAND, | To set brand sidebar mode. |
| layoutSidebarColorType: LEFT_SIDEBAR_COLOR_TYPES.MODERN, | To set modern sidebar mode. |
| layoutTopbarColorType: LAYOUT_TOPBAR_THEME_TYPES.LIGHT, | To set topbar light mode. |
| layoutTopbarColorType: LAYOUT_TOPBAR_THEME_TYPES.DARK, | To set topbar dark mode. |
| layoutTopbarColorType: LAYOUT_TOPBAR_THEME_TYPES.BRAND, | To set topbar brand mode . |