-
Notifications
You must be signed in to change notification settings - Fork 4.1k
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.
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
Is there any known way to make the placeholder act more like a material design floating label? #1126
Comments
@muxica I'm running into a similar issue. What was your approach in the end? |
There were a lot of css overrides and even then it wasn't entirely material friendly. I'd recommend actually cloning this repo and editing the source to behave how you want it to then plug it into your app. |
+1 |
Hello - In an effort to sustain the We understand this might be inconvenient but in the best interest of supporting the broader community we have to direct our efforts towards the current major version. If you aren't using the latest version of However, if you feel this issue is still relevant and you'd like us to review it - please leave a comment and we'll do our best to get back to you! |
I'm using https://github.com/callemall/material-ui for a project and specifically need to use Chips with a multi-select, autocomplete, and search functionality. Since they don't support that yet (if ever) I did research and found react-select. It solves all of the functional issues but I'm having a hard time getting the design functionality I want.
I'm trying to accomplish the floating label text shown in this gif:
But the only method I see so far of having labels is with
<Select ... placeholder="STRING" />
The only way I can think to handle this is to somehow pass and subsequently override existing elements that react-select renders. Are there any existing methods built into the codebase for handling something like this?
The text was updated successfully, but these errors were encountered: