5 star rating in Dash

Dash Python
1

Hi ,

Wanted to design 5 star user editable rating using dash. But not able to achieve what i expected. Below sample design which i wanted achieve

image

Ex: When User hovers on 4th star it should show the preview like above.Onclick it should preserve the state and corresponding rating(number) should update to output(rating component through callback) element.

How can i achieve this?

Thanks,
Sam

1 Like
2

I think the best solution would be to wrap a React component. One option could be this component,

It seems to do more-or-less what you need? :slight_smile:

3

Thanks!!it works for me.

4

@sam38 can you share some code showing how you have integrated the react-stars into your dash app please?
Would like to achieve the same thing. Thanks!