npm install
npm start
npm run build
- Bundling via webpack
- ES6+ Support via babel
- SASS Support via sass-loader
- Linting via eslint-loader
- Unit Testing via jest
- Code Formatting via prettier
├── src
│ ├── img/
│ ├── js/
│ ├── scss/
│ └── index.html
├── webpack
│ ├── webpack.common.js
│ ├── webpack.config.dev.js
│ └── webpack.config.prod.js
└── dist/
You can import the entire library or just individual modules:
import * as mdb from 'mdb-ui-kit'; // lib
import { Input } from 'mdb-ui-kit'; // module
import { Input as CustomInput } from 'mdb-ui-kit'; // module with custom name
To import MDB stylesheet please use the following syntax:
@import '~mdb-ui-kit/css/mdb.min.css';
You can also import individual SCSS modules. To do it properly, we recommend to copy them from the node_modules/mdb-ui-kit/src/scss location directly to your project and import in the same way as CSS files.