How to Enable Tailwind CSS IntelliSense for Class-Variance-Authority in Visual Studio Code

readme.md

How to Enable Tailwind CSS IntelliSense for Class-Variance-Authority in Visual Studio Code

Its just three steps

1- install Tailwind CSS IntelliSense extension

2- create this file .vscode/settings.json

3- copy paste this inside of settings.json

{
  "tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

you're done!

it's not working

Docs: https://cva.style/docs/getting-started/installation#intellisense

Hero without a cape

After adding the file, restart the extension for it to work with CVA.