https://github.com/pictogrammers/components

Components.
https://github.com/pictogrammers/components

Last synced: 4 days ago
JSON representation

Components.

• Host: GitHub
• URL: https://github.com/pictogrammers/components
• Owner: Pictogrammers
• License: mit
• Created: 2022-04-13T04:09:00.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-21T18:37:11.000Z (7 months ago)
• Last Synced: 2024-04-21T23:52:58.963Z (7 months ago)
• Language: TypeScript
• Homepage: https://pictogrammers.github.io/@pictogrammers/components/
• Size: 2.01 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Material Design Icons - Website Components

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

>

> - [React](https://github.com/Templarian/MaterialDesign-React/)

> - [Web Component](https://github.com/Templarian/MaterialDesign-WebComponent/)

The website is made of many components, view the `src/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 test

npm start

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

```

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

To build just 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. The only magic is...

- `@Prop() foo = 'Hello World`;

  - Calls `this.render()` on change.

- `@Part() $foo: HTMLDivElement;` = `
`

  - `this.$part.innerText = 'Hello World!';`

- `@Local('default') foo;` Shorthand for localStorage.


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