Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(tw): Add IntelliSense settings for Tailwind CSS VS Code plugin #10344

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

Tobbe
Copy link
Member

@Tobbe Tobbe commented Mar 27, 2024

This PR adds some Redwood specific settings for the Tailwind CSS IntelliSense plugin for VS Code.

More specifically it adds intellisense and color support for not only className (which is enabled by default), but also for activeClassName and errorClassName, which are two css class name props we use in Redwood

Here are docs for the setting I'm using:
https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss#:~:text=tailwindCSS.classAttributes

Before

image

After

image
image

Manual Instructions

If you already have TW set up and want to enable this, open .vscode/settings.json and add this:

"tailwindCSS": {
  "classAttributes": ["class", "className", "activeClassName", "errorClassName"]
}

@Tobbe Tobbe added the release:feature This PR introduces a new feature label Mar 27, 2024
@Tobbe Tobbe added this to the next-release-patch milestone Mar 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release:feature This PR introduces a new feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant