-
Notifications
You must be signed in to change notification settings - Fork 150
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: feature card - Customer Rating (Resolves #216) #378
base: main
Are you sure you want to change the base?
Conversation
Update Fork from Upstream Repository: Sync with Latest Changes
🚀 Preview deployed to: https://cd90fbf8.animata.pages.dev |
@sudhashrestha How can I add reviewer to it? |
🚀 Preview deployed to: https://5006d49c.animata.pages.dev |
|
||
Built by [Darshan Odedara](https://github.com/codeza-ai) | ||
|
||
...Add appropriate credits here. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please remove this line
title: Customer Rating | ||
description: A customer rating component that will display ratings out of 100. The rating bar will be revealed when hovered on the component. | ||
labels: ["requires interaction", "hover"] | ||
author: [Darshan Odedara](https://github.com/codeza-ai) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this should twitter username
const [hovered, setHovered] = useState(false); | ||
|
||
return ( | ||
<div | ||
onMouseEnter={() => setHovered(true)} | ||
onMouseLeave={() => setHovered(false)} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
you don't need state for this and can use group
hover from tailwindcss.
This closes #216
Checklist
Screenshots -
Normal
Hover