Support floating labels

Ideas
1

Its not a well known feature of Bootstrap 5, but there is a component called Floating Labels. This component does have official Bootstrap documentation, however it is unsupported in the application.

Here is an example of a floating label input

floating-label

Here is a code example

<div class="form-floating mb-3">
  <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  <label for="floatingInput">Email address</label>
</div>

Please can this component be added to BSS? This will maintain further parity between Bootstrap, and Bootstrap Studio and make this element more readily accessible for use in designs.

If you are interested in this being added to BSS

Make sure to leave a comment, or like this post to help the developers gage the communities interest in this feature.

8 Likes
2

Thank you for the suggestion! We will look into adding this.

2 Likes
3

I would like to see this added as a component.
Honestly, I’ve always just went to the Bootstrap Docs each time I’ve needed to create one.

I keep forgetting to save one as a custom component :sweat_smile: so it would be a nice addition.

1 Like