Horizontal

Horizontal menu configuration

Horizontal layout is default layout in some of theme types but if you want to change it then by changing data-layout="horizontal" from other layout style the verticle layout can be set.

data-layout="horizontal"

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

In order to add, change or remove menu items from the left side navigation, simply edit in file src/layout/LayoutMenuData.tsx. The change would reflect in all the html files automatically.

How to use pre-built layouts?

Please do the below change in the file. ex: LAYOUT_WIDTH_TYPES.FLUID.

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
image LAYOUT_TOPBAR_THEME_TYPES.LIGHT
image LAYOUT_TOPBAR_THEME_TYPES.DARK
Preloader Option
PERLOADER_TYPES.DISABLE
PERLOADER_TYPES.ENABLE