Mantis MUI React
v1.0.0
v1.0.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
    • Switch to Auth0
    • Switch to JWT
    • Switch to AWS Cognito
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • Integration
    • Skeleton
    • Seed
    • Comparison
  • Resources
  • Roadmap
  • Support
  • Changelog
  • FAQ
Powered by GitBook
On this page

Project Configuration

Configuration option for whole Template

Mantis 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

defaultPath

/dashboard/default

string

default path once login success

fontFamily

'Roboto', sans-serif

String

set font family

mode

light

String

light, dark

i18n

en

String

en - English

fr - français

ro - Română

zh - 中国人

themeDirection

ltr

boolean

set layout from right to left.

miniDrawer

false

boolean

container

true

boolean

see layout in stretch

presetColor

default

string

different preset for theme.


export const drawerWidth = 260;

export const twitterColor = '#1DA1F2';
export const facebookColor = '#3b5998';
export const linkedInColor = '#0e76a8';

// ==============================|| THEME CONFIG  ||============================== //

const config = {
  defaultPath: '/dashboard/analytics',
  fontFamily: `'Public Sans', sans-serif`,
  i18n: 'en',
  miniDrawer: false,
  container: true,
  mode: 'light',
  presetColor: 'default',
  themeDirection: 'ltr'
};

export default config;
// types
import { DefaultConfigProps } from 'types/config';

export const drawerWidth = 260;

export const twitterColor = '#1DA1F2';
export const facebookColor = '#3b5998';
export const linkedInColor = '#0e76a8';

// ==============================|| THEME CONFIG  ||============================== //

const config: DefaultConfigProps = {
  defaultPath: '/dashboard/analytics',
  fontFamily: `'Public Sans', sans-serif`,
  i18n: 'en',
  miniDrawer: false,
  container: true,
  mode: 'light',
  presetColor: 'default',
  themeDirection: 'ltr'
};

export default config;
PreviousRoutingNextColor Presets

Last updated 2 years ago