Material Web Components packaged in scoped custom elements registries using @open-wc/scoped-elements
npm install @scoped-elements/material-webThis is the Material Web Components library packaged using the scoped custom elements registries pattern using @open-wc/scoped-elements.
``bash`
npm i @scoped-elements/material-web
`js
import { Checkbox } from '@scoped-elements/material-web';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
export class CustomElement extends ScopedElementsMixin(LitElement) {
static get scopedElements() {
return {
'mwc-checkbox': Checkbox
};
}
render() {
return html
;`
}
}
`js
import { Checkbox } from '@scoped-elements/material-web';
customElements.define('mwc-checkbox', Checkbox);
// Use in the same way as the material components library in the html
``
As this package is just a re-export, you can find the documentation for the elements in each of their npm pages, e.g.: https://www.npmjs.com/package/@material/mwc-checkbox.