Skip to content

[FEATURE] "Floating Labels" option #317

Open
@pascalmoser

Description

@pascalmoser
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)?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions