joshuabaker/tailwind-autocomplete-object-strings.md

Last active April 4, 2024 16:33

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/joshuabaker/66615d45b32675e5109c61f204ccdc5a.js"></script>
Save joshuabaker/66615d45b32675e5109c61f204ccdc5a to your computer and use it in GitHub Desktop.

Raw

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
]