Home

Installation

The mfc-core package provides you with the ability to produce more while writing less, it includes components ranging from basic like a text-field to more complex like a chart.

To set up the package you can run the command below using your package installer of choice:

// with npm
npm install axios react-input-mask prop-types mfc-core
// with yarn
yarn add axios react-input-mask prop-types mfc-core

Additional Dependencies

Package	Version	NPM	Github
axios	^0.24.0	npm i axios	https://github.com/axios/axios
react-input-mask	^2.0.4	npm i react-input-mask	https://github.com/sanniassin/react-input-mask
prop-types	^15.7.2	npm i prop-types	https://github.com/facebook/prop-types

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import {MfcWrapper, Button} from 'mfc-core';

function App() {
  return (
    <MfcWrapper language={'en'}>
      <Button variant="filled" color="primary">
        Hello World
      </Button>
    </MfcWrapper>
  );
}

ReactDOM.render(<App/>, document.querySelector('#app'));

Why the MfcWrapper ?

This component provides support for dark mode, other languages and icons, it is required for the full experience and intended functioning.