Skip to content
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

[BUG] - Ghost button with danger color - weird behaviour #3985

Closed
Micueb opened this issue Nov 4, 2024 · 3 comments
Closed

[BUG] - Ghost button with danger color - weird behaviour #3985

Micueb opened this issue Nov 4, 2024 · 3 comments

Comments

@Micueb
Copy link

Micueb commented Nov 4, 2024

NextUI Version

@nextui-org/button": "^2.0.38

Describe the bug

ghost button in combination with danger color does not show the correct font color

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

  1. Spun up new React 18 project, installed all necessary requirements for NextUI
  2. Added ghost button with color danger
  3. Added ghost button with color primary for comparison
  4. Danger button text not visible, whereas it's visible for the primary one
  5. Different props compared to primary button, danger button missing data-[hover=true]: before !text-danger-foreground
  6. Adding the missing prop makes default font visible, but on hover it's missing then

Expected behavior

Danger color button should behave the same as the primary one, showing the correct font color on default and hover state.

Screenshots or Videos

Screen.Recording.2024-11-04.at.18.02.17.mov

Operating System Version

macOS

Browser

Chrome

Copy link

linear bot commented Nov 4, 2024

@AnYiEE
Copy link
Contributor

AnYiEE commented Nov 5, 2024

#3764

@wingkwong
Copy link
Member

It's been fixed in above-mentioned PR. Please wait for the next release or use canary branch as a workaround.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants