Bring Drag & Drop to Dash with Dashboard Engine. 💫 Learn how at our next webinar!

5 star rating in Dash

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

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:

Thanks!!it works for me.