Comments (6)
@dreyescat, any info for that ?
from react-rating.
Yes. The fractions
property allows you to specify in how many parts a symbol is divided. So, if you want half stars you just need to divide the symbol in 2 fractions:
<Rating fractions={2} />
I have a fractional jsfiddle that you can check and play around.
from react-rating.
Hi, how to change the default symbol (circle) to star?. I installed the component and I can only see the circle rating image. Can I switch to star rating?
Thank you
from react-rating.
Hi @sreevarsh!
The easier way is to use some icon package like bootstrap or fontawesome. Then you just need to use the provided classes in your rating:
<Rating empty="glyphicon glyphicon-star-empty" full="glyphicon glyphicon-star" />
Check this jsfiddle and the demo page.
PS: Usually when you have a new question/problem/suggestion you should open a new issue instead of a comment in an unrelated issue. I mean, your question is totally unrelated to this issue at all 😉.
from react-rating.
@dreyescat thank you very much. It's wonderful
from react-rating.
@dreyescat https://github.com/dreyescat Sure, thank you very much. :)
On Fri, Sep 30, 2016 at 11:43 PM, dreyescat [email protected]
wrote:
Hi @sreevarsh https://github.com/sreevarsh!
The easier way is to use some icon package like bootstrap
http://getbootstrap.com/components/ or fontawesome
http://fontawesome.io/icons/. Then you just need to use the provided
classes in your rating:Check this jsfiddle https://jsfiddle.net/dreyescat/cre6jcbh/ and the
demo http://dreyescat.github.io/react-rating/ page.PS: Usually when you have a new question/problem/suggestion you should
open a new issue instead of a comment in an unrelated issue. I mean, your
question is totally unrelated to this issue at all 😉.—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#20 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABQj37Ipw9Da-J8p7-CHOxpr67x7BBEbks5qvgEGgaJpZM4KF9R6
.
from react-rating.
Related Issues (20)
- Initial Rating returns null only renders once
- on version 2.0.1 ReactRating-component onChange-event seems to return always value of initialRating HOT 15
- Error during installation on jenkins HOT 2
- emptySymbol is not hidden when fullSymbol is displayed HOT 9
- Cannot read property 'type' of undefined
- Method comments are switched HOT 1
- Misalignment HOT 4
- Sorry HOT 1
- All touches, even scroll/swipe gestures trigger "onClick" HOT 8
- Warning: Using UNSAFE_componentWillReceiveProps in strict mode is HOT 10
- Warning: Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details. HOT 5
- Feature request: Lighter DOM Size HOT 1
- Doesn't work with react 17 HOT 1
- Selection requires double click if onClick method provided HOT 3
- How to add the validation for the rating component HOT 1
- Add option to remove default style
- mixed symbol but react component HOT 1
- Package should be marked as deprecated and a replacement fork nominated HOT 2
- React 18: TS2786: 'Rating' cannot be used as a JSX component. HOT 9
- `@types` dependencies should be in `devDependencies`
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 react-rating.