Comments (5)
Thats a wonderful idea thank you.
What do you think about just a number showen to the right of the stars that is enabled/disabled with a boolean passed to the config object that shows the current star rating(sort of like a debug)?
Would this be sufficient or do you think a tooltip is still useful?
from vue-stars-rating.
That would take some space which might not always be relevant to needs. Only if I want to have a closer look at ratings, would I be needing the actual accurate ratings, and hence an on demand on hover tooltip. Anyways, there needs to be something to show me the accurate rating apart from the filled stars.
from vue-stars-rating.
Okay so as I mentioned in the other issue - the first feature request is:
- Rating Indication - to the right of the elements (can be turned on/off with an inserted boolean property)
And the second feature request is some sort of tooltip that shows the rating inside - assuming a certain developer needs it to not show the rating, only on hover.
- This does open a hatch to how exactly the tooltip will be styled & what it would have in it and how much control a developer would have on changing its content and style.
from vue-stars-rating.
@shubhamwaghe I just added a simple indicator that is shown on the new demo, it is a temp solution that offeres a way to see the exact rating value next to the stars - it is activated/disables with the new isIndicatorActive introduced in the docs as well.
Updates about the tooltip hopefully soon :)
from vue-stars-rating.
Nice! This could be a way to show exact rating. I was thinking along these lines.
https://codepen.io/chriscoyier/pen/wRLReX
This one is too fancy for the needs, but gives a rough idea. Tooltip might show things like [ 4.79/5 stars (4,5873 reviews)
] or some more statistics on the ratings, which could be a variable in itself.
Yes, this indeed opens things to content, styling and CSS and developers might tweak this to blend this to their app's theme and needs. These are just enhancements though.
from vue-stars-rating.
Related Issues (11)
- Rating lower than 4 with decimal(i.e 0,1,2,3) cause repetative partial stars HOT 1
- why width/points HOT 1
- Add support for CSS variables HOT 1
- Bind config Object directoly to v-bind - better performance & default values HOT 1
- Enable Interactive Stars - Ability to change Rate
- Include Interactive UI (Slider/Input box) for changing rating in Code Sandbox Demo HOT 3
- Accessibility - make the stars support aria-labels HOT 1
- Use svg viewBox ?
- Updating `rating` prop doesn't update stars HOT 1
- Duplicate svg defs ids may cause issues HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-stars-rating.