Skip to main content

Autocomplete

If you want to use className autocomplete, you need to follow the steps below.

Config by code editors​

VS Code​

  1. Install Tailwind CSS IntelliSense extension.
  2. In your vscode/workspaces.code-workspace file add the following code:
{
  "settings": {
    "tailwindCSS.classAttributes": ["className", "tw", "variants"],
    "tailwindCSS.experimental.configFile": {
      "../apps/web/tailwind.config.js": ["../apps/**/*", "../packages/**/*"] // TODO: Update this line
    }
  }
}

tailwindCSS.experimental.configFile structure

Key: tailwind_config_relative_path
Value: array_of_workspaces_relative_paths
  1. You got it! 🥳