This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Benjamin Den Boer
Posted Jan 31 - Read on Facebook

Heya guys! Check out this new example of text fields with floating labels - as seen in the Material Design spec. It contains some nifty tricks too! Here's an overview of what's included within the prototype:

- A custom input class.
- Input events (onkeyup, onkeydown).
- Custom behaviours for Mobile and Desktop.
- Animating the font-size with the "change:y" event.

http://share.framerjs.com/4rer1y5f8ol8/

Hope this helps!
Feel free to message me here if you have any questions. :-)

2 Comments

Adam Noffsinger

Hey Benjamin Den Boer - this is awesome. I'm having trouble downloading the file though... could you share a new link? Thanks.

Michael Neal

nice work!

Read the entire post on Facebook