Floating Labels go live in Ionic!

ionic-v1
1

Kind of like stacked labels, except the primary label doesn’t show until text is entered. Give it a test run on the docs and you’ll see what I mean. Floating labels made it to ionic in beta8.

2

Really nice! If you prefer a little faster animation, I’ve the following CSS:

.item-floating-label .input-label.has-input {
    transition: opacity 0.25s ease-in, top 0.15s ease;
}
3

@dave,

how to change the color of the floating label ?
any sample if i want to include ngmessages ?
Thanks in advance