search

excid3 / tailwindcss-stimulus-components

A set of StimulusJS components for TailwindCSS apps similar to Bootstrap JS components.
https://excid3.github.io/tailwindcss-stimulus-components/
MIT License
1.36k stars 137 forks source link

New component: input floating label #248

Closed rodrigotoledo closed 4 days ago

rodrigotoledo commented 1 month ago

Added a new component: input with floating label. The label transitions to the top when the input is focused or filled, and returns to its original position when the input is empty and blurred. Styling is fully customizable via TailwindCSS classes.

rodrigotoledo commented 1 month ago

@excid3 What do you think about it?

excid3 commented 1 month ago

Got any screenshots?

rodrigotoledo commented 1 month ago

@excid3 I have this

https://www.loom.com/share/643bfba5e8154c90ad8b3cddaf7ffcbb

rodrigotoledo commented 1 month ago

@excid3 I'm thinking about new UI components; if you have any idea about one, I can try implementing it. And, if you know about an opportunity with Ruby on Rails, I'm looking for it.

excid3 commented 4 days ago

I think you can do this in pure CSS, for example: https://stackoverflow.com/a/68906432

We don't need this feature, so I probably won't include it in this library, but it could make for a great additional package. 👍