Skip to content

Instantly share code, notes, and snippets.

@omer-os
Last active June 23, 2026 05:59
Show Gist options
  • Select an option

  • Save omer-os/e4c5e82a3518472245460db104b4f8b4 to your computer and use it in GitHub Desktop.

Select an option

Save omer-os/e4c5e82a3518472245460db104b4f8b4 to your computer and use it in GitHub Desktop.
How to Enable Tailwind CSS IntelliSense for Class-Variance-Authority in Visual Studio Code

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!

@twistedgecko

Copy link
Copy Markdown

I just can't get it to work!

@omer-os

omer-os commented Apr 3, 2024

Copy link
Copy Markdown
Author

I just can't get it to work!

Give me link to your repo

@bennobuilder

bennobuilder commented Apr 12, 2024

Copy link
Copy Markdown

@nomakSVK

Copy link
Copy Markdown

thank you, this is exactly what i was looking for

@YahyaWebDev

Copy link
Copy Markdown

it's not working

@pedroalmeida415

Copy link
Copy Markdown

@akshay-xp

Copy link
Copy Markdown

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

@Aditi2354

Copy link
Copy Markdown

mera still suggestions nhi show ho rahe kya kare

@29Anshul08

Copy link
Copy Markdown

mera still suggestions nhi show ho rahe kya kare

kuch solution mila?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment