New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FEATURE] "Floating Labels" option #317

Open

pascalmoser opened this issue Feb 18, 2022 · 0 comments

Labels

Member

pascalmoser commented Feb 18, 2022

Q	A
Bug report?	no
Feature request?	yes
BC Break report?	no
RFC?	yes

Floating labels in forms are gaining popularity. There are some ways to do this without JS.
For a CSS only solution some rules are necessary:

The Label should be after the Input Field
The input field should have a placeholder attribute
Makes only sense with the following fields: Text, Number, Textarea, Select? (Bootstrap 5)

CSS Solutions

Implemented Conditions

Symfony Docs for the Bootstrap 5 Way

Do we need to provide other options like in the Symfony Bootstrap 5 Form Theme documentation (input-group, checkbox-switch, checkbox-inline)?

pascalmoser added the new feature label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment