Closed iammburg closed 2 weeks ago
this is because the material tailwind button color prop only accept these colors type color = | "white" | "black" | "blue-gray" | "gray" | "brown" | "deep-orange" | "orange" | "amber" | "yellow" | "lime" | "light-green" | "green" | "teal" | "cyan" | "light-blue" | "blue" | "indigo" | "deep-purple" | "purple" | "pink" | "red";
any other color other than this it won't be able to identify it
here is a possible fix
<Button variant="filled" size="sm" className="hidden lg:inline-block bg-jungle"> <span>Help/Support</span> </Button>
you can also refer to this for more information
this is because the material tailwind button color prop only accept these colors type color = | "white" | "black" | "blue-gray" | "gray" | "brown" | "deep-orange" | "orange" | "amber" | "yellow" | "lime" | "light-green" | "green" | "teal" | "cyan" | "light-blue" | "blue" | "indigo" | "deep-purple" | "purple" | "pink" | "red";
any other color other than this it won't be able to identify it here is a possible fix
<Button variant="filled" size="sm" className="hidden lg:inline-block bg-jungle"> <span>Help/Support</span> </Button>
you can also refer to this for more information
Well, thank you. All i need to do is add my custom class directly into className property
I kept getting this warning, even though I had successfully added a custom color for my button filled component. Kindly help, how to remove those warning?
tailwind.config.js:
App.jsx:
StickyNavbar.jsx (component that contain my custom filled button):