Hovered

Hovered menu configuration

Not applicable in FrontEnd Version

Not applicable in horizontal layout

Each of the theme configuration options is provided Below, you can change their values as per you need in INIT_STATE variable located in src/slices/layouts/reducer.ts file.

Note : if you are going to update any object property of INIT_STATE, make sure you use option's corresponding constant given in src/Common/constants/layout.ts file. (Please do not change the constant's value in /src/Common/constants/layout.ts file)

export const initialState: LayoutState = {
    layoutType: LAYOUT_TYPES.VERTICAL,
    layoutModeType: LAYOUT_MODE_TYPES.LIGHTMODE,
    leftSidebarType: LAYOUT_SIDEBAR_TYPES.LIGHT,
    layoutWidthType: LAYOUT_WIDTH_TYPES.FLUID,
    layoutPositionType: LAYOUT_POSITION_TYPES.FIXED,
    topbarThemeType: LAYOUT_TOPBAR_THEME_TYPES.LIGHT,
    leftsidbarSizeType: LEFT_SIDEBAR_SIZE_TYPES.DEFAULT,
    leftSidebarViewType: LEFT_SIDEBAR_VIEW_TYPES.SMALLHOVER,
    leftSidebarImageType: LEFT_SIDEBAR_IMAGE_TYPES.NONE,
    preloader: PERLOADER_TYPES.DISABLE,
    bodyImageType: BODY_IMAGE_TYPES.NONE
};

Sidebar Sizes

LEFT_SIDEBAR_SIZE_TYPES.SMALLHOVER