-
Notifications
You must be signed in to change notification settings - Fork 1.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
Float Label: Styles in unstyled mode #5644
Comments
Thanks for the reproducer definitely looks like the |
@Dalorzo any interest in helping with this one? We need to figure out Tailwind CSS to make FloatLabel work. |
- Add tailwinddoc for floatlabel - Fix typing for floatlabel
@melloware I addressed this by adding tailwind styles and updating the docs in PR #7123 This makes use of Tailwind's Arbitrary Variants to style form elements FYI, this requires Tailwind >= 3.1 |
* feat: #5644 Add missing tailwind styles - Add tailwinddoc for floatlabel - Fix typing for floatlabel * chore: #5644 Fix typing * Update floatlabeldoc.js * Update floatlabeldoc.js * Update floatlabeldoc.js * Update basicdoc.js * Update floatlabeldoc.js * Update floatlabeldoc.js * Update floatlabeldoc.js * Update floatlabeldoc.js * Update floatlabeldoc.js * Update primereact.all.js * Update floatlabeldoc.js * Update floatlabeldoc.js --------- Co-authored-by: Melloware <[email protected]>
Describe the bug
When apply unstyled mode with Tailwind default float labels of most components doesn't work properly.
Reproducer
https://stackblitz.com/edit/unstyled-float-label?file=src%2FApp.js
PrimeReact version
10.2.1
React version
18.x
Language
TypeScript
Build / Runtime
Create React App (CRA)
Browser(s)
All
Steps to reproduce the behavior
Expected behavior
Float label with default styles.
Or a precise guide in how to style properly float labels in unstyled mode.
The text was updated successfully, but these errors were encountered: