Skip to content

Instantly share code, notes, and snippets.

@alexstyl
Created October 31, 2025 04:36
Show Gist options
  • Select an option

  • Save alexstyl/9bfb256e97efea77c6ba941bbb701e93 to your computer and use it in GitHub Desktop.

Select an option

Save alexstyl/9bfb256e97efea77c6ba941bbb701e93 to your computer and use it in GitHub Desktop.
Add Tailwind Css auto-complete to Kotlin HTML DSL
{
"includeLanguages": {
"ftl": "html",
"jinja": "html",
"jinja2": "html",
"smarty": "html",
"tmpl": "gohtml",
"cshtml": "html",
"vbhtml": "html",
"razor": "html",
"kt": "html"
},
"files": {
"exclude": [
"**/.git/**",
"**/.hg/**",
"**/.svn/**",
"**/node_modules/**",
"**/.yarn/**",
"**/.venv/**",
"**/venv/**",
"**/.next/**",
"**/.parcel-cache/**",
"**/.svelte-kit/**",
"**/.turbo/**",
"**/__pycache__/**"
]
},
"emmetCompletions": true,
"classAttributes": ["class", "className", "ngClass","classes"],
"colorDecorators": true,
"showPixelEquivalents": true,
"rootFontSize": 16,
"hovers": true,
"suggestions": true,
"codeActions": true,
"validate": true,
"lint": {
"invalidScreen": "error",
"invalidVariant": "error",
"invalidTailwindDirective": "error",
"invalidApply": "error",
"invalidConfigPath": "error",
"cssConflict": "warning",
"recommendedVariantOrder": "warning"
},
"experimental": {
"configFile": null,
"classRegex": []
}
}
@alexstyl
Copy link
Author

alexstyl commented Oct 31, 2025

Important bit here are L11 and L30

L11 adds kotlin as a language to use the auto complete in

L30 tells the language server where to trigger the auto complete. make sure 'classes' is used that's the name used by the kotlin html dsl.

Full IntelliJ Docs at https://www.jetbrains.com/help/webstorm/tailwind-css.html#tailwind_css_troubleshooting

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