Material Components Web (MDC Web)
This package contains the master library for Material Components Web. It simply wraps all of its sibling packages up into one comprehensive library for convenience.
Installation
npm install material-components-web
Usage
Including the Sass
;
Including the Javascript
;const checkbox = document;// OR;const checkbox = document;
NOTE: Since switch is a reserved word in JS, switch is instead named
switchControl
.
NOTE: Built CSS files as well as UMD JS bundles will be available as part of the package post-alpha.
Auto-initialization of components
The material-components-web
package automatically registers all MDC Web components with
mdc-auto-init, making it dead simple to create and initialize components
with zero configuration or manual work.
For example, say you want to use an icon button toogle. Simply render the necessary
DOM, and attach the data-mdc-auto-init="MDCIconButtonToggle"
attribute.
favorite favorite_border
Then at the bottom of your html, insert this one-line script tag:
This will automatically initialize the icon button toggle, as well as any other components marked with the auto init data attribute. See mdc-auto-init for more info.