body { -ms-overflow-style: scrollbar; overflow-y: scroll; overscroll-behavior-y: none; } .errorContainer { background-color: #FFF; color: #0F1419; max-width: 600px; margin: 0 auto; padding: 10%; font-family: Helvetica, sans-serif; font-size: 16px; } .errorButton { margin: 3em 0; } .errorButton a { background: #1DA1F2; border-radius: 2.5em; color: white; padding: 1em 2em; text-decoration: none; } .errorButton a:hover, .errorButton a:focus { background: rgb(26, 145, 218); } .errorFooter { color: #657786; font-size: 80%; line-height: 1.5; padding: 1em 0; } .errorFooter a, .errorFooter a:visited { color: #657786; text-decoration: none; padding-right: 1em; } .errorFooter a:hover, .errorFooter a:active { text-decoration: underline; } #placeholder, #react-root { display: none !important; } body { background-color: #FFF !important; }

JavaScript is not available.

We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our Help Center.

Terms of Service Privacy Policy Cookie Policy Imprint Ads info © 2023 Twitter, Inc.

Conversation

Weekend project: building and animating a simple feedback form for

😄 Honestly,

+

motion is a gift to humanity – they make building interactions like this so painless 😌 PR coming right up 🔜👀

Embedded video

12

8

122

🥳 Just merged to prod: github.com/steven-tey/dub Featuring a nice keydown handler that detects CMD+Enter in the textarea and submits the form 🤓

dub/feedback.tsx at main · steven-tey/dub

An open-source link shortener with built-in analytics + free custom domains. - dub/feedback.tsx at main · steven-tey/dub

10:06 PM · Oct 15, 2022

Replying to

Do you announce all your merged PRs on Github?

1

Replying to

Not all, just the special ones ✨

1

Onur Şuyalçınkaya

Replying to

the `useCallback` import seems unused tho

1

1

Replying to

Oh good catch, I was using that previously but realized it was better not to use it! Will remove — thanks for the headsup! :)

1