Question?
Closed this issue · 4 comments
Please answer this question. I have been working on the task which is for the page/skin builder. I love Vue that's reason I started work on vuegg, there is 80% features has been developed by you for my product requirement. Also I have added many features according to product requirement, It's fun and easy to work on it. But since last week I have been got stuck to add hover feature on Main Container so that question is how can I implement the effect of hover and workable display on preview page?
Hi,
To make my question simpler, I need to understand how I can impliment "Hover State" to an element. For example, on the button element I wish to add a hover background option which I can easily add cloning the background color option, how would I make it render on stage similar to how it works for Material components.
Hi @essamamdani,
I'm happy to see that you like vuegg and find it useful for your own developments.
Just to point it out, this is not an issue, neither a feature request, but rather a functionality for a forked project you're working on, which I will be really happy to checkout once you have it ready 😄!
On the other hand, I accept PRs for vuegg, if you think you have a useful functionality/addition please, do not hesitate to open one and contribute to the open-source community. Otherwise, notice that this project is released under a MIT license, do appropriately.
About your issue, I think what you want could be solved by adding a css rule to the button, for example:
.your-button{
background-color: #fff
}
.your-button:hover {
background-color: #eee
}That's about as much input I can give you off the top of my head. Please ping me with your project when you release it, or deploy it to production, I will be happy to see any new project forked from vuegg, keep in touch.
Cheers!
Glad to see your respond @alxpez. It's secret mission project, I will show you when I will release. 👍
Cool man! Let me know when ready. Cheers