Community forum for knowledge and support

Updated 3 months ago

Inconsistent button styles in React application

At a glance

The community member is building a website using the React library and is experiencing inconsistencies with the button styles. The available variant for the Header buttons should be "secondary", but the variant "bg-background-alternative" is being applied instead, causing all buttons to look the same. The other variants work correctly, but for some reason "alternative" is applied instead of "Secondary". In the comments, the community member has found the issue in their tailwind.config file.

Hi there.. I am building my site using the React library and I am having inconsistencies with the buttons styles. The available variant for the Header buttons should be "secondary", but on browser the variant "bg-background-alternative", which is not correctly passed. So all buttons look the same. The other variants work correctly, but for some reason "alternative" is applied instead of "Secondary"

C
1 comment

Nevermind, I found the issue in my tailwind.config!

Add a reply
Sign up and join the conversation on Slack