Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Smooth button with icon animation (Code Sandbox below) #2351

Unanswered
sshmaxime asked this question in Support
Discussion options

Code Sandbox: https://codesandbox.io/p/sandbox/charming-microservice-5k9s4q

Hello everyone,

I'm trying to make a button with an icon that grow to show some text.
Im almost there but I cannot make it smooth. Basically my problem is that the interpolation happens between width: "auto" and width: 32.

In my Code Sandbox there are two example, the first one is with auto and the second one is with a fixed value (100). As you can see, the second one is way smoother and gives more a "good feeling" to use.

Does anyone have a nice solution to that ? Thank you very much !

Btw I'm planning to make an actual site with a lot of simple examples for React Spring. I feel like the examples sections on the website isn't really useful.

You must be logged in to vote

Replies: 0 comments

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
1 participant

AltStyle によって変換されたページ (->オリジナル) /