Not able to change custom button color in Radix UI

Next.js
1

I am trying to use tailwind css colors on my button. but its not working. Thanks for your input :slight_smile:

2

Does this relate to the ‘delete issue’ button and ‘OK’ and ‘Cancel’ buttons in the dialog box? You will most likely need to show the code for where the issue is occuring

3

Any Radix UI Button, If i try to add any Tailwind css class like ‘bg-indigo-500’. the color not applied to the button.

4

You cannot change the color of the radix UI button by setting the tailwindcss class name, the Radix UI Button component is predefined. You must use the colors listed in the documentation. The solution is to create a custom button using the regular html button tag