Layout Option

Gradient Able React

Search…

Gradient Able React

Introduction

Layout Option

You can edit this file at [ ../src/config/constant.js]
Main Layouts
Default / Vertical
Horizontal
Light Layout
Dark Layout
layout:vertical
subLayout: ' '
collapseMenu: false
layoutType: menu-light
headerBackColor: header-blue
rtlLayout: false
navFixedLayout: true
headerFixedLayout: true
boxLayout: false
layout: horizontal
navFixedLayout: false
headerFixedLayout: false
layout: vertical/horizontal
layoutType: menu-light
headerBackColor: header-default
layout: vertical/horizontal
layoutType: dark
headerBackColor: header-dark
Vertical Layouts
Static Layout
Fixed Layout
Nav Fixed
Collapsed Menu
Menu Dark Layout
RTL
Box
layout: vertical
navFixedLayout: false
headerFixedLayout: false
layout: vertical
navFixedLayout: true
headerFixedLayout: true
layout: vertical
navFixedLayout: true
headerFixedLayout: false
layout: vertical
collapseMenu: true
layout: vertical
layoutType: menu-dark
layout: vertical
rtlLayout: true
layout: vertical
headerFixedLayout: false
boxLayout: true
Horizontal Layouts
Horizontal Layouts
RTL Layout
layout: horizontal
subLayout: horizontal-2
navFixedLayout: false
headerFixedLayout: false
layout: horizontal
subLayout: horizontal-2
navFixedLayout: false
headerFixedLayout: false
rtlLayout: true

Template Config

Code Splitting

Last modified 1yr ago

Copy link

On this page

Main Layouts

Vertical Layouts

Horizontal Layouts