joshuabaker/tailwind-autocomplete-object-strings.md

## tailwind-autocomplete-object-strings.md

      
    Raw
  

              tailwind-autocomplete-object-strings.md
            
          
    Tailwind class autocomplete in object strings

Using Tailwind’s intellisense in VSCode and other IDEs, it’s possible to autocomplete classes in class, className, et al.
In some cases you want to introduce variants, which mean autocomplete is not available. To get around this, I use the following setup.
//                Add this to objects
//                ↓     ↓
const variants = /* tw */ {
  variant: "grid",
};
"tailwindCSS.experimental.classRegex" = [
  ["/\\*\\s*tw\\s*\\*/\\s*{([^}]*)}", "\"([^\"]*)\"|'([^']*)'"], // ← Add this
]