Vertical
Vertical menu configuration
Verticle layout is default layout in some of theme types but if you
want to change it then by changing
data-layout="vertical" from other layout style the verticle layout can be set
.
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 file. The change will be
reflect on all the React files automatically.
How to use pre-built layouts?
Color Scheme
LAYOUT_MODE_TYPES.LIGHTMODE
LAYOUT_MODE_TYPES.DARKMODE
Layout Width
LAYOUT_WIDTH_TYPES.FLUID
LAYOUT_WIDTH_TYPES.BOXED
Layout Position
LAYOUT_POSITION_TYPES.FIXED
LAYOUT_POSITION_TYPES.SCROLLABLE
Topbar Colors
LAYOUT_TOPBAR_THEME_TYPES.LIGHT
LAYOUT_TOPBAR_THEME_TYPES.DARK
Sidebar Sizes
LEFT_SIDEBAR_SIZE_TYPES.DEFAULT
LEFT_SIDEBAR_SIZE_TYPES.COMPACT
LEFT_SIDEBAR_SIZE_TYPES.SMALLICON
LEFT_SIDEBAR_SIZE_TYPES.SMALLHOVER
Sidebar View
LEFT_SIDEBAR_VIEW_TYPES.DEFAULT
LEFT_SIDEBAR_VIEW_TYPES.DETACHED
Sidebar Colors
LAYOUT_SIDEBAR_TYPES.LIGHT
LAYOUT_SIDEBAR_TYPES.DARK
LAYOUT_SIDEBAR_TYPES.GRADIENT
LAYOUT_SIDEBAR_TYPES.GRADIENT_2
LAYOUT_SIDEBAR_TYPES.GRADIENT_3
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