Modern Layouts

This layout focuses on sleek, minimalistic design with a strong emphasis on contemporary aesthetics. It typically features clean lines, intuitive navigation, and innovative design elements for a fresh and engaging user experience. Do the below changes in the /src/slices/layout/reducer.ts file. You need to update dispatch method in initialState in the layout/reducer.ts file.

Modern

In reducer.js layoutType: LAYOUT_TYPES.MODERN

Content Width:
Default

In reducer.js layoutWidth: LAYOUT_CONTENT_WIDTH.DEFAULT

Fluid

In reducer.js layoutWidth: LAYOUT_CONTENT_WIDTH.FLUID

Sidebar Size:
Default (Large)

In reducer.js layoutSidebar: SIDEBAR_SIZE.DEFAULT

Medium

In reducer.js layoutSidebar: SIDEBAR_SIZE.MEDIUM

Small

In reducer.js layoutSidebar: SIDEBAR_SIZE.SMALL

Sidebar Colors:
Light Colors

In reducer.js layoutSidebarColor: SIDEBAR_COLOR.LIGHT

Dark Colors

In reducer.js layoutSidebarColor: SIDEBAR_COLOR.DARK

Brand Colors

In reducer.js layoutSidebarColor: SIDEBAR_COLOR.BRAND

Purple Colors

In reducer.js layoutSidebarColor: SIDEBAR_COLOR.PURPLE

Sky Colors

In reducer.js layoutSidebarColor: SIDEBAR_COLOR.SKY

Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.