@mdi/components

Note this repo is for the Material Design Icons website. If you want components for your own project look here: > > - React > - Web Component

Usage no npm install needed!

<script type="module">
  import mdiComponents from 'https://cdn.skypack.dev/@mdi/components';
</script>

README

Material Design Icons - Website Components

Note this repo is for the Material Design Icons website. If you want components for your own project look here:

The website is made of many components, view the src/mdi folder to see the source.

Contribute to this Project

To run the application locally use the following NPM commands.

npm install
npm test
npm start

Open http://localhost:8080 (port could vary)

To build just the components.

npm run build

Web Components

Web Components with a very basic wrapper. The only magic is...

  • @Prop() foo = 'Hello World;
    • Calls this.render() on change.
  • @Part() $foo: HTMLDivElement; = <div part="foo"></div>
    • this.$part.innerText = 'Hello World!';
  • @Local('default') foo; Shorthand for localStorage.

Learn More: https://github.com/Templarian/Element