ecklf/tailwindcss-radix

Incompatibility with tailwind eslint

yagiz-noonlight opened this issue · 2 comments

yagiz-noonlight commented

I'm receiving errors on my formatter:

./src/components/sidebar/account-dropdown.tsx
36:33  Warning: Classname 'radix-side-top:animate-slide-up' is not a Tailwind CSS class!  tailwindcss/no-custom-classname
36:33  Warning: Classname 'radix-side-bottom:animate-slide-down' is not a Tailwind CSS class!  tailwindcss/no-custom-classname

Config

{
  "extends": [
    "next/core-web-vitals",
    "prettier",
    "plugin:storybook/recommended",
    "plugin:tailwindcss/recommended"
  ]
}
ecklf commented

I’d suggest you report this to the eslint plug-in repository that it doesn’t seem to resolve plug-in generated classes correctly. Nothing I can do from this side.

max-pod commented

@yagiz-noonlight Did you find a solution? If not, I created a ticket: francoismassart/eslint-plugin-tailwindcss#210