0.1.7 • Published 1 year ago
@scoped-elements/material-web v0.1.7
@scoped-elements/material-web
This is the Material Web Components library packaged using the scoped custom elements registries pattern using @open-wc/scoped-elements.
Installation
npm i @scoped-elements/material-web
Usage
As an sub element in your own custom element
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`
<mwc-checkbox checked></mwc-checkbox>
`;
}
}
As a globally defined custom element
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
Documentation for the elements
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.
0.1.7
1 year ago
0.1.0
1 year ago
0.1.2
1 year ago
0.1.1
1 year ago
0.1.4
1 year ago
0.1.3
1 year ago
0.1.6
1 year ago
0.1.5
1 year ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.16
2 years ago
0.0.15
3 years ago
0.0.14
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.12
3 years ago
0.0.13
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago