Closed samiulalimsaad closed 2 years ago
This is my tailwind.config.js
configuration
module.exports = {
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
theme: {
ripple: (theme) => ({
colors: theme("colors"),
}),
},
plugins: [require("daisyui"), require("tailwindcss-ripple")()],
};
according to tailwindcss-ripple
if i use
plugins: [require("daisyui"), require("tailwindcss-ripple")()],
it's not working also showing this error
and if i don't call then it's also not working.
plugins: [require("daisyui"), require("tailwindcss-ripple")],
this is my repo link you can check this out.
Hiya,
I tried this out this morning and was able to get it working by using the following config
// tailwind.config.js
const colors = require('tailwindcss/colors')
module.exports = {
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
theme: {
ripple: () => ({
colors,
}),
},
plugins: [require("daisyui"), require('tailwindcss-ripple')()],
};
I think the problem is the change in how the colors are listed in version 3 of Tailwind. Can you give this a shot and let me know if it works for you?
Cheers
Works. Thanks 👍
You're welcome, glad I could help!
Hiya!
I haven't played with daisyui so can't be 100% certain but if you have access to a tailwind config file, this should definitely work!
If you give it a try and it doesn't, let me know and I can take a look!
Cheers, James