Comments (3)
Thank you Richard, I will look into your suggested solution and use that for now.
I think solution with usage of slots would be very good. I like how vuex-loading is done - there is a slot where you can put own custom spinner icon and scale it using em units.
from vue-stars.
Hey @janbalaz... just wanted to let you know that Version 1.0 is out, and now scoped/named slots are supported! It's still a little rough--I'm not passing any particular values to the slots, just using them for markup, but based on my very quick test (which is part of the demo page now), it seems to be working.
from vue-stars.
Thanks Jan!
I believe what you're suggesting should already be possible by using an em-space
for both the active and inactive character, then using CSS styling to apply a background-image to span.active
and span.inactive
elements. You should even be able to use SVG background images, which could be also styled (or even animated).
I'm open to adding native support for images, if I can figure out how to make the metrics work. For that, I'd either introduce <img>
tags, or perhaps replace the character
props with named slots (which also avoids some of the complexities of specifying high-Unicode characters, since slot contents can be encoded.
Good stuff to think about for the next version...
from vue-stars.
Related Issues (8)
- Wrong values when using vue-stars multiple times in one page
- Half stars HOT 2
- hoverLabel HOT 1
- Typescript support? HOT 2
- NPM Broken HOT 1
- SSR support? HOT 3
- npm package HOT 1
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.