Skip to content

docs: tailwind intellisense config classFunctions suggestion #821

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

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

Conversation

Ban117
Copy link

@Ban117 Ban117 commented Aug 13, 2025

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

Which package are you modifying?

Primitives

  • accordion
  • alert
  • alert-dialog
  • aspect-ratio
  • avatar
  • badge
  • breadcrumb
  • button
  • calendar
  • card
  • carousel
  • checkbox
  • collapsible
  • combobox
  • command
  • context-menu
  • data-table
  • date-picker
  • dialog
  • dropdown-menu
  • form-field
  • hover-card
  • icon
  • input
  • input-otp
  • label
  • menubar
  • navigation-menu
  • pagination
  • popover
  • progress
  • radio-group
  • scroll-area
  • select
  • separator
  • sheet
  • skeleton
  • slider
  • sonner
  • spinner
  • switch
  • table
  • tabs
  • textarea
  • toggle
  • toggle-group
  • tooltip
  • typography

Others

  • trpc
  • nx
  • repo
  • cli

What is the current behavior?

Closes #

What is the new behavior?

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

@marcjulian
Copy link
Collaborator

marcjulian commented Aug 14, 2025

You can add the config to this repository as well in .vscode/settings.json, that way new contributer have highlighting out of the box

"tailwindCSS.classFunctions": ["hlm", "cva"]

Copy link
Collaborator

@marcjulian marcjulian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Here is my feedback, please have a look

</a>
plugin, it is suggested to add the
<code class="${hlmCode}">hlm</code>
function to the tailwindCSS.classFunctions in either your workspace settings
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

class="mt-4"
code="
// settings.json
'tailwindCSS.classFunctions': ['hlm'],
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add cva as well, you can also link to the cva page as well https://cva.style/docs/getting-started/installation#tailwind-css


<spartan-code
code="
// your-workspace.vscode-workspace
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Which file is it above you wrote .code-workspace and here its .vscode-workspace? You can check the recommendation from cva as well https://cva.style/docs/getting-started/installation#intellisense.

I think adding it to the settings.json would be the best recommendation. It will either be the global settings.json or it may be in the .vscode/settings.json.

@@ -112,6 +112,53 @@ module.exports = {

<spartan-code class="mt-4" code="@import '@spartan-ng/brain/hlm-tailwind-preset.css';" />

<p class="${hlmP}">
If you are using VSCode and the
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a h3 tag above with IntelliSense with an id for the table of content.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants