TailwindCSS additional class details (style)

[henrikruscon]

Check for existing issues

• [X] Completed

Describe the feature

Would be very useful to have more details about the classes being suggested by autocomplete menu. It's very useful to be able to see at a glance what the class actually applies. For example compare the Zed result vs Nova below. Right now this space is only used for colors in Zed, why not everything else as well?

If applicable, add mockups / screenshots to help present your vision of the feature

[Ar4ka]

For a time it did work in hey some months ago. But now it's broken. Might look into the problem.

Edit: current main has this issue in the debug build when you have the autocomplete for tailwind classes

[henrikruscon]

From what I can see in the RPC logs, it appears there's a variable namned documentation and it's used to populate that part that is missing, it seems to be lacking on most of the classes in the logs, except colors. And there it works.

Edit: Example from the log {"label":"shadow-ocean-light","kind":16,"documentation":"rgb(52, 152, 219)","sortText":"7856"}

[jasongitmail]

It'd also be useful to see color swatches for the tailwind color classes, like in Cursor/VSCode:

Zed

Cursor

[mrnugget]

So to be clear: the problem is that we only show the documentation for colors, but not for the other classes?

I think rendering the colors should be a separate issue.

[palmamartin]

I think the main issue is that the documentation of a tailwind class is not displayed in Zed in the autocomplete panel like in vscode.

Zed:

vscode: