[Feature Request] Hover styles

formaat-design / reshaped

Community repository for storing examples, reporting issues and tracking roadmap

https://reshaped.so

98 stars 3 forks source link

[Feature Request] Hover styles #160

Closed mattlenz closed 1 year ago

mattlenz commented 1 year ago

Is there currently a suggested approach to adding hover styles to components via props, without breaking into custom CSS?

blvdmitry commented 1 year ago

Hey, there is no standard way for doing that besides affecting some of the values based on the theme. Is there a specific case you're trying to solve?

mattlenz commented 1 year ago

Let's take this for example. The card on the right is the hover state.

blvdmitry commented 1 year ago

For this or other similar use cases I would recommend one of the 2 following approached right now:

Create a component with custom css which would use Reshaped tokens for styling and hover styles and compose multiple components together
Take unstyled component like actionable and style it using our TailwindCSS integration

Both should work fine but depend on your tooling preference

mattlenz commented 1 year ago

Thanks @blvdmitry! We'll probably take the custom CSS approach :)