Pictogrammers - Components

Note this repo is for the components used in various Pictogrammers apps. If you are looking for icon related components for your own project look here:

• React
• Web Component

Components here are in various stages of development, view the src/pg folder to see the source.

• View the Components

Contribute to this Project

To run the demo application locally use the following NPM commands.

npm install
npm start
# npm start [pgButton|pg-button, ...]

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

To build the components.

npm run build

Publish

This project does not use the normal npm publish. Always run the script to build individual components.

npm run publish

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('store') foo = Map([['key', true]]); Shorthand for localStorage.

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