B
B
Berry React
v3.8.0
Search
K

Project Configuration

Configuration option for whole Berry Template
Berry makes it easy for you to manage your settings all in one place, we call it a single source of truth, this will help you to keep everything organized and make it easier to add new settings in the future. You can change things like font, border, theme layout, language, and more. You can find all of these settings in the ..src/config.js file.
Option
Default
Data Type
Description
layout
Vertical
string
Horizontal or vertical layout
drawerType
default
string
Mini drawer or default
fontFamily
'Roboto', sans-serif
String
set font family
borderRadius
12
number
border-radius for card and textboxes
outlinedFilled
true
boolean
defines backfill color for textboxes. setting it false will show transparent background for outline textboxes
dashboardPath
/dashboard/default
string
default path once login success
navType
light
String
light, dark
presetColor
default
string
theme color
locale
en
String
en - English
fr - français
ro - Română
zh - 中国人
rtlLayout
false
boolean
set layout from right to left.
container
false
string
set container layout
JavaScript
TypeScript
import LAYOUT_CONST from 'constant';
export const DASHBOARD_PATH = '/dashboard/default';
export const HORIZONTAL_MAX_ITEM = 7;
const config = {
layout: LAYOUT_CONST.VERTICAL_LAYOUT, // vertical, horizontal
drawerType: LAYOUT_CONST.DEFAULT_DRAWER, // default, mini-drawer
fontFamily: `'Roboto', sans-serif`,
borderRadius: 8,
outlinedFilled: true,
navType: 'light', // light, dark
presetColor: 'default', // default, theme1, theme2, theme3, theme4, theme5, theme6
locale: 'en', // 'en' - English, 'fr' - French, 'ro' - Romanian, 'zh' - Chinese
rtlLayout: false,
container: false
};
export default config;
import LAYOUT_CONST from 'constant';
// types
import { ConfigProps } from 'types/config';
export const DASHBOARD_PATH = '/dashboard/default';
export const HORIZONTAL_MAX_ITEM = 7;
const config: ConfigProps = {
layout: LAYOUT_CONST.VERTICAL_LAYOUT, // vertical, horizontal
drawerType: LAYOUT_CONST.DEFAULT_DRAWER, // default, mini-drawer
fontFamily: `'Roboto', sans-serif`,
borderRadius: 8,
outlinedFilled: true,
navType: 'light', // light, dark
presetColor: 'default', // default, theme1, theme2, theme3, theme4, theme5, theme6
locale: 'en', // 'en' - English, 'fr' - French, 'ro' - Romanian, 'zh' - Chinese
rtlLayout: false,
container: false
};
export default config;
Last modified 2mo ago