Project Configuration

Configuration option for entire DashboardKit Template

DashboardKit has a single source of truth for default configuration which lets users manage it effectively. It also makes it scalable for new configurations. you can set config like font, border, theme layout, locale, etc. All those can be configured at src\config\constant.ts

Option	Default	Data Type	Description
BASE_URL	/dashboard/sales	string	default path
BASE_TITLE	-	String	set page title
layout	vertical	number	layout option. i.e.
layoutType	dark-sidebar	String	layout options. i.e. light-sidebar, dark-sidebar
pageType	" "	String	app-dark-mode
colorBrand	" "	String	bg-primary, bg-danger, bg-warning, bg-info, bg-success, bg-dark
headerBackColor	" "	String	bg-primary, bg-danger, bg-warning, bg-info, bg-success, bg-dark

config.js

src\config\constant.ts

// imports from the project
export const BASE_URL = '/dashboard/sales';
export const BASE_TITLE = ' | DashboardKit React Bootstrap 5 Admin Template';

// -----------------------|| Application default Configuration ||-----------------------//
export const CONFIG = {
    layout: 'vertical', // vertical, horizontal
    layoutType: 'dark-sidebar', // light-sidebar
    pageType: '', // app-dark-mode
    colorBrand: '', // bg-primary, bg-danger, bg-warning, bg-info, bg-success, bg-dark
    headerBackColor: '' // bg-primary, bg-danger, bg-warning, bg-info, bg-success, bg-dark
};