Plans to add animation to input fields? about mui HOT 3 CLOSED

It's great to hear you like MUI!

We're focused on making the framework as small and minimalistic as possible so input field animations aren't on the roadmap. Our plan for supporting more advanced animations/components is to make the framework extremely hackable/customizable. For example, our CSS is very simple so if you wanted to use those animations yourself you could simply add your own CSS/HTML. Here's an example that uses the method described here:
http://jsfiddle.net/muicss/Lrw1me3e/

And here's a gist using the boilerplate HTML:
https://gist.github.com/amorey/7106a6604dc2466ae215

Hope that helps! Over the next few weeks we're going to start improving the customization documentation so I'd love to hear your feedback.

from mui.

Very nice! The method described on Scotch.io also manages to animate the label without any JS. Worth adopting?

from mui.

The label animations in MUI are mostly implemented with CSS but you need JS to detect if an input element is empty or not (since the :empty CSS pseudo class doesn't work for input elements).

Here's the JS code that that triggers label animations:
https://github.com/muicss/mui/blob/master/src/js/forms/form-control.js

On May 31, 2015, at 4:55 PM, Dan Dascalescu [email protected] wrote:

Very nice! The method described on Scotch.io also manages to animate the label without any JS. Worth adopting?

—
Reply to this email directly or view it on GitHub.

from mui.