Berry 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.js
constconfig= { // basename: only at build time to set, and don't add '/' at end off BASENAME for breadcrumbs, like '/berry-material-react/react/default'
basename:'/', defaultPath:'/dashboard/default', fontFamily:`'Roboto', sans-serif`, borderRadius:12, outlinedFilled:true, theme:'light', i18n:'en',// 'en' - English, 'fr' - French, 'ro' - Romanian, 'zh' - Chinese rtlLayout:false, jwt: { secret:'SECRET-KEY', timeout:'1 days' }, firebase: { apiKey:'apiKey', authDomain:'authDomain', projectId:'berry-material-react', storageBucket:'berry-material-react.appspot.com', messagingSenderId:'messagingSenderId', appId:'appId', measurementId:'measurementId' }, auth0: { client_id:'client_id', domain:'demo-localhost.us.auth0.com' }};exportdefault config;
Last updated
Option
Default
Data Type
Description
basename
/
String
build time set subdomain or path of project directory
defaultPath
/dashboard/default
string
default path once login success
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