Semantic-ui: [Form] Infield Floating Labels

Created on 25 Apr 2016 · 8Comments · Source: Semantic-Org/Semantic-UI

Here is what i am talking about:

Float Label Example

Personally, i don't like the fields being glued together. It would be no problem to seperate those into individual input fields. See my examples below.

Here are some resources to better understand the floating label pattern:

Source

alp82

👍20

Most helpful comment

I'm a fan of this implementation - https://geminilabs.github.io/float-labels.js/ - is light. Would love this to be a component of semantic.

benwebster on 5 May 2018

👍5

All 8 comments

Duplicate of https://github.com/Semantic-Org/Semantic-UI/issues/3077

I believe we should close the older one as this one explains a little more about the feature.

IonutBajescu on 26 Apr 2016

@IonutBajescu done

avalanche1 on 1 May 2016

Hi, everybody!

Is there any news about this?

It would be awesome to have the floating label pattern in Semantic UI.

danielfoxp2 on 3 Jan 2018

👍2

same here, is the float label on plan? when are we going to roll it out?

franva on 26 Jan 2018

👍3

Hi everyone ! I join the questions to also ask the plan of Semantic about this ?

dorianDock on 13 Feb 2018

👍1

We use the awesome https://github.com/richardvenneman/floatl for an application of ours (Website, Example usage). It works great but we believe it to be incompatible for semantic UI (out of the box). But it might be a good place to look for implementation-inspiration.