[Feature]: Add floating labels

[MarvinKlein1508]

Library

Web Components (@fluentui/web-components)

Describe the feature that you would like added

It would be cool if the fluentui web-components would support some kind of floating labels for forms.

For example:
https://getbootstrap.com/docs/5.3/forms/floating-labels/

The main benefit form this would be saving precious space on display especially on mobile devices. Currently each input has a label assigned above it which takes up a lot of space.

Have you discussed this feature with our team

No response

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

Normal

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".

[MarvinKlein1508]

keep open

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".

[MarvinKlein1508]

keep open

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".

[MarvinKlein1508]

Keep open