https://github.com/pictogrammers/components
Components.
https://github.com/pictogrammers/components
Last synced: 6 days ago
JSON representation
Components.
- Host: GitHub
- URL: https://github.com/pictogrammers/components
- Owner: Pictogrammers
- License: mit
- Created: 2022-04-13T04:09:00.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2026-06-20T17:03:27.000Z (9 days ago)
- Last Synced: 2026-06-20T19:05:22.032Z (9 days ago)
- Language: TypeScript
- Homepage: https://pictogrammers.github.io/@pictogrammers/components/
- Size: 2.86 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/Templarian/MaterialDesign-React/)
> - [Web Component](https://github.com/Templarian/MaterialDesign-WebComponent/)
Components here are in various stages of development, view the `src/components/pg` folder to see the source.
- [View the Components](https://pictogrammers.github.io/@pictogrammers/components/)
## Contribute to this Project
To run the demo application locally use the following NPM commands.
```bash
npm install
npm start
# npm start [pgButton|pg-button, ...]
```
Open http://localhost:3000 (port could vary)
To build the components.
```bash
npm run build
```
## Publish
This project does not use the normal `npm publish`. Always run the script to build individual components.
```bash
npm run publish
```
### Web Components
Web Components with a [very basic wrapper](https://github.com/Pictogrammers/Element/). The only magic is...
- `@Prop() foo = 'Hello World`;
- Calls `this.render()` on change.
- `@Part() $foo: HTMLDivElement;` = `
`
- `this.$part.textContent = 'Hello World!';`
- `@Local('store') foo = Map([['key', true]]);` Shorthand for localStorage.
Learn More: https://github.com/Pictogrammers/Element