Two Column

Two column menu configuration

You can change the Two column layout very easily by adding the below attribute to the body tag in the src/layout/TwoColumnLayout folder.

data-layout="twocolumn"

How to add new items in menu or make changes in menu items?

In order to add, update or remove menu items from the right side navigation, you can simply edit in src/layout/LayoutMenuData.tsx. The change would reflect in all the React files automatically.

How to use pre-built layouts?

Color Scheme
LAYOUT_MODE_TYPES.LIGHTMODE
LAYOUT_MODE_TYPES.DARKMODE
Topbar Colors
LAYOUT_TOPBAR_THEME_TYPES.LIGHT
LAYOUT_TOPBAR_THEME_TYPES.DARK
Sidebar Colors
image LAYOUT_SIDEBAR_TYPES.LIGHT
image LAYOUT_SIDEBAR_TYPES.DARK
image LAYOUT_SIDEBAR_TYPES.GRADIENT
image LAYOUT_SIDEBAR_TYPES.GRADIENT_2
image LAYOUT_SIDEBAR_TYPES.GRADIENT_3
image LAYOUT_SIDEBAR_TYPES.GRADIENT_4
Sidebar Images
LEFT_SIDEBAR_IMAGE_TYPES.NONE
LEFT_SIDEBAR_IMAGE_TYPES.IMG1
LEFT_SIDEBAR_IMAGE_TYPES.IMG2
LEFT_SIDEBAR_IMAGE_TYPES.IMG3
LEFT_SIDEBAR_IMAGE_TYPES.IMG4
Preloader Option
PERLOADER_TYPES.DISABLE
PERLOADER_TYPES.ENABLE