how to rate half star about react-rating HOT 6 CLOSED

@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.