Template for creating a theme Google Material components design for web. The components have been improved for use in desktop applications, as well as some components based on MDC have been added.
The project can be supported by money, beer, burger, clothes and your motorcycle. Thank you 😎
Use the commands to start compiling the project:
To run and test components in real time
npm run start
Use the command to compile and test components
npm run dev
The components will be downloaded to the remote folder
npm run dev:remote
The path to the remote folder can be changed in the file:
webpack.config.js - REMOTE_PATH = ''
For production use the build command
npm run dev
npm run dev:remote
To edit the theme use the file:
\src\custom-default-var.scss
The HTML text of the components must be placed in the index.html file
index.html
You need to connect the component for testing in the file:
\src\app-test.js
Example:
import { MDCMenu } from '@material/menu';
import { MDCList } from '@material/list';
var cntr = [];
function init(classCss, classComponent, func) {
cntr = [].map.call(document.querySelectorAll(classCss), function (el1) {
let control = new classComponent(el1);
console.log(control);
return control;
});
}
init('.mdc-menu', MDCMenu);
init('.mdc-list', MDCList);