{"id":18937350,"url":"https://github.com/usingblockchain/symbol-components","last_synced_at":"2025-07-17T08:35:30.753Z","repository":{"id":175685826,"uuid":"365278439","full_name":"UsingBlockchain/symbol-components","owner":"UsingBlockchain","description":"StencilJS Library that publishes HTML5 Web Components for Symbol from NEM.","archived":false,"fork":false,"pushed_at":"2021-05-07T15:34:10.000Z","size":478,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-01T15:52:40.566Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/UsingBlockchain.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-05-07T15:33:27.000Z","updated_at":"2021-05-07T15:34:14.000Z","dependencies_parsed_at":"2023-09-21T11:50:32.576Z","dependency_job_id":null,"html_url":"https://github.com/UsingBlockchain/symbol-components","commit_stats":null,"previous_names":["usingblockchain/symbol-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/UsingBlockchain/symbol-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsingBlockchain%2Fsymbol-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsingBlockchain%2Fsymbol-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsingBlockchain%2Fsymbol-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsingBlockchain%2Fsymbol-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UsingBlockchain","download_url":"https://codeload.github.com/UsingBlockchain/symbol-components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UsingBlockchain%2Fsymbol-components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265585540,"owners_count":23792750,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T12:10:51.093Z","updated_at":"2025-07-17T08:35:30.737Z","avatar_url":"https://github.com/UsingBlockchain.png","language":"TypeScript","readme":"# Symbol Components Library\n\n[![npm-badge][npm-badge]][npm-url]\n[![size-badge][size-badge]][npm-url]\n[![dl-badge][dl-badge]][npm-url]\n[![Build Status](https://travis-ci.com/symbol/symbol-components.svg?branch=master)](https://travis-ci.com/symbol/symbol-components)\n[![Slack](https://img.shields.io/badge/chat-on%20slack-green.svg)](https://nem2.slack.com/messages/CB0UU89GS)\n\nLibrary to provide Javascript Components for Symbol.\n\nThis is a PoC to validate the proposed [NIP 15 Transaction Taxonomy](https://github.com/nemtech/NIP/issues/50). When stable, the repository will be moved to the [nemtech](https://github.com/nemtech) organization.\n\n**NOTE**: The author of this package cannot be held responsible for any loss of money or any malintentioned usage forms of this package. Please use this package with caution.\n\n## Components Found Here\n\nYou can use any of the following custom elements when `@symbolui/symbol-components` is imported:\n\n| Component | Description |\n| --------- | ----------- |\n| [`\u003csymbol-node-health-icon\u003e`][cmpurl-node-health-icon] | Icon displaying peer health status |\n| [`\u003csymbol-transaction-icon\u003e`][cmpurl-transaction-icon] | Icon displaying peer health status |\n\n## Usage\n\n### Node modules\n\nYou can import the library into your Vue, React, Angular or vanilla Javascript projects with NPM as follows:\n\n```bash\n$ npm install symbol-components\n```\n\n### Script tag\n\nYou can import the library directly into your HTML files with following `\u003cscript\u003e` tag example:\n\n```html\n\u003cscript src='https://unpkg.com/symbol-components@0.2.0/dist/symbol-components.js'\u003e\u003c/script\u003e\n```\n\nThen you can use the custom elements anywhere in your template, Vue files, JSX, HTML, etc.\n\n## Getting help\n\nUse the following available resources to get help:\n\n- [Symbol Documentation][docs]\n- Join the community [slack group (#sig-client)][slack]\n- If you found a bug, [open a new issue][issues]\n\n## Contributing\n\nThis project is developed and maintained by NEM Foundation.\n\nContributions are welcome and appreciated.\nCheck [CONTRIBUTING](CONTRIBUTING.md) for information on how to contribute.\n\n## License\n\nCopyright 2020-present Grégory Saive for NEM\n\nLicensed under the [Apache License 2.0](LICENSE)\n\n[self]: https://github.com/symbol/symbol-components\n[docs]: https://nemtech.github.io\n[issues]: https://github.com/symbol/symbol-components/issues\n[slack]: https://join.slack.com/t/nem2/shared_invite/enQtMzY4MDc2NTg0ODgyLWZmZWRiMjViYTVhZjEzOTA0MzUyMTA1NTA5OWQ0MWUzNTA4NjM5OTJhOGViOTBhNjkxYWVhMWRiZDRkOTE0YmU\n[npm-url]: https://www.npmjs.com/package/@symbolui/symbol-components\n[npm-badge]: https://img.shields.io/npm/v/@symbolui/symbol-components\n[size-badge]: https://img.shields.io/bundlephobia/min/@symbolui/symbol-components\n[dl-badge]: https://img.shields.io/npm/dt/@symbolui/symbol-components\n\n[cmpurl-node-health-icon]: https://github.com/symbol/symbol-components/blob/master/components/node-health-icon\n[cmpurl-transaction-icon]: https://github.com/symbol/symbol-components/blob/master/components/transaction-icon\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fusingblockchain%2Fsymbol-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fusingblockchain%2Fsymbol-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fusingblockchain%2Fsymbol-components/lists"}