8000 Add customizable Star Ratings component using `star-rating.js` library by codecalm · Pull Request #1571 · tabler/tabler · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Add customizable Star Ratings component using star-rating.js library #1571

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
May 14, 2023

Conversation

codecalm
Copy link
Member
@codecalm codecalm commented May 14, 2023

This PR adds a new Star Ratings component to our project, using the star-rating.js JavaScript library. The new component provides users with a fully customizable star rating system, allowing them to rate items with stars that can be customized in size, color, and image.

To add the new component, I integrated the star-rating.js library into our project and created a new HTML and CSS file to display the star ratings. The stars are fully customizable, with options to change the size, color, and image of the stars to match the look and feel of our application.

The new Star Ratings component provides users with a simple and intuitive way to rate items using stars. Users can click on a star to select a rating, with the selected star and all stars to the left of it being filled in. The rating is then recorded and can be displayed to other users or used in calculations or analytics.

Demo: https://tabler-git-dev-stars-rating-tabler-io.vercel.app/stars-rating.html

Preview

Screenshot 2023-05-14 at 22 35 41

@changeset-bot
Copy link
changeset-bot bot commented May 14, 2023

🦋 Changeset detected

Latest commit: 27b9031

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@tabler/core Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link
vercel bot commented May 14, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
tabler ✅ Ready (Inspect) Visit Preview May 14, 2023 9:05pm

@codecalm codecalm merged commit d380224 into dev May 14, 2023
@codecalm codecalm deleted the dev-stars-rating branch May 14, 2023 22:55
@diomed
Copy link
diomed commented May 15, 2023

is this jquery dependent or pure js?

@codecalm
Copy link
Member Author

is this jquery dependent or pure js?

Pure JS, in Tabler we dont use jQuery and any jQuery plugins 🙂

kevinpapst pushed a commit to kevinpapst/tabler that referenced this pull request May 26, 2023
@codecalm codecalm restored the dev-stars-rating branch August 24, 2023 09:52
@KingBier
Copy link

@codecalm :
can you give me an HTML and JS example for star rating?
I am missing the code example in the documentation or on the demo page.
Thanks in advance :)

@codecalm codecalm deleted the dev-stars-rating branch September 16, 2024 17:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants
0