Ngx Stars

Overview

If you're looking for a sleek and customizable star rating component for your Angular applications, ngx-stars might be the perfect solution for you. This simple yet powerful component works seamlessly with Angular versions 2 and above, allowing developers to implement star ratings with ease. Whether you want to display ratings to your users or allow them to provide feedback, ngx-stars caters to both static and interactive needs.

With a variety of options for customization, ngx-stars stands out for its flexibility. You can change the number of stars, adjust their sizes, and even provide your own icons to represent the ratings. It's perfect for developers who prioritize both functionality and design in their apps.

Features

• Customizable Star Count: Adjust the maximum number of stars displayed with the maxStars input, which defaults to 5.

• Initial Star Value: Set an initial rating using initialStars, which can be a float value, making it simple to show partial ratings.

• Editable Options: Control whether the users can change the star ratings with the readonly option, enhancing user interactivity.

• Animation Control: Enable star animations until the first user interaction by setting the animation option to true, with adjustable animationSpeed.

• Varied Sizes: Choose from standard sizes or specify a custom size for your stars using customSize for a more tailored appearance.

• Custom Colors: Personalize your star color with the color input which accepts both hex codes and color names.

• Custom Star Icons: Have a unique design by replacing default Font Awesome stars with your own SVG icons using the customStarIcons object.

• Runtime Updates: Easily change the star rating dynamically by using the setRating(rating: number) method, fostering a more interactive experience for users.