Socket
Socket
Sign inDemoInstall

ng-star

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ng-star - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

images/image1.png

2

package.json
{
"name": "ng-star",
"version": "0.0.4",
"version": "0.0.5",
"peerDependencies": {

@@ -5,0 +5,0 @@ "@angular/common": "^9.1.13",

@@ -1,8 +0,148 @@

This Angular library generates stars (in yellow color) for rating provided in range of 0.0 to 5.0.
# NgStar
To use this library:
## This Angular library generates stars (in yellow color) for rating provided in range of 0.0 to 5.0.
## To use this library:
1) Npm install ng-star
2) In angular component wherever you want to use it, import this component and then,
2) In angular component wherever you want to use it, import this component and then
`<lib-ng-star [rating]="2.5"></lib-ng-star>`
2.5 stars with yellow color and remaining 2.5 stars with white color will be generated
## Published On NPM 'https://www.npmjs.com/package/ng-star'
This Angular library generates stars (in yellow color) for rating provided in range of 0.0 to 5.0
<!-- PROJECT LOGO -->
<br />
<p align="center">
<a href="https://github.com/sami-colon/ng-star">
<img src="images/image1.png" alt="sample image" width="1000" height="500">
</a>
<h3 align="center">Ng Star</h3>
<p align="center">
This Angular library generates stars (in yellow color) for rating provided in range of 0.0 to 5.0
<br />
<a href="https://github.com/sami-colon/ng-star"><strong>Explore the docs »</strong></a>
<br />
<br />
<a href="https://github.com/sami-colon/ng-star/issues">Report Bug</a>
·
<a href="https://github.com/sami-colon/ng-star/issues">Request Feature</a>
</p>
<!-- TABLE OF CONTENTS -->
<details open="open">
<summary><h2 style="display: inline-block">Table of Contents</h2></summary>
<ol>
<li>
<a href="#about-the-project">About The Project</a>
<ul>
<li><a href="#built-with">Built With</a></li>
</ul>
</li>
<li>
<a href="#getting-started">Getting Started</a>
<ul>
<li><a href="#prerequisites">Prerequisites</a></li>
<li><a href="#installation">Installation</a></li>
</ul>
</li>
<li><a href="#usage">Usage</a></li>
<li><a href="#contributing">Contributing</a></li>
<li><a href="#license">License</a></li>
<li><a href="#contact">Contact</a></li>
</ol>
</details>
<!-- ABOUT THE PROJECT -->
## About The Project
[ng-star](https://www.npmjs.com/package/ng-star)
<p>
This Angular library generates stars (in yellow color) for rating provided in range of 0.0 to 5.0
</p>
### Built With
* [Angular 9]()
* [Css](https://developer.mozilla.org/en-US/docs/Learn/CSS)
* [Bootstrap 4](https://getbootstrap.com/docs/4.0/getting-started/introduction/)
<!-- GETTING STARTED -->
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
none
### Installation
1. install package from npmjs
```sh
npm install ng-star
```
<!-- USAGE EXAMPLES -->
## Usage
For the stars to generate correctly, **make sure ng-star component is wrapped with atleast 200px width and 75px height**:
<!-- CONTRIBUTING -->
## Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
<!-- LICENSE -->
## License
Distributed under the MIT License. See `LICENSE` for more information.
<!-- CONTACT -->
## Contact
Abhishek Kumar - [Email](mailto:abhishek@neweradevelopers.com)
Project Link: [https://github.com/sami-colon/ng-star](https://github.com/sami-colon/ng-star)
## sample images
<img src="images/image1.png" alt="Logo">
<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
[contributors-shield]: https://img.shields.io/github/contributors/sami-colon/repo.svg?style=for-the-badge
[contributors-url]: https://github.com/sami-colon/eLearn-template/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/sami-colon/repo.svg?style=for-the-badge
[forks-url]: https://github.com/sami-colon/eLearn-template/network/members
[stars-shield]: https://img.shields.io/github/stars/sami-colon/repo.svg?style=for-the-badge
[stars-url]: https://github.com/sami-colon/eLearn-template/stargazers
[issues-shield]: https://img.shields.io/github/issues/sami-colon/repo.svg?style=for-the-badge
[issues-url]: https://github.com/sami-colon/eLearn-template/issues
[license-shield]: https://img.shields.io/github/license/sami-colon/repo.svg?style=for-the-badge
[license-url]: https://github.com/sami-colon/eLearn-template/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/sami-colon
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc