[IntelliSense] Preview of grouped variants #19685
valerii15298
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Feature Request
Preview class names with grouped variants
There was discussion of adding this feature to the tailwind itself:
#8337
This is proposal is to add preview of grouped variants to the extension.
So that for
hover:bg-red-500 hover:text-whiteextension would show some button(or keyboard shortcut or something) which triggers view of tailwind classnames which have variants grouped, so it will look likehover:(bg-red-500 text-white)just for the reading.One of the soloution I would suggest is: user selects a text(list class names) and then trigger extension action which would show the claas names grouped by variants(just for reading without editing).
The upside is really just to read the classnames. It really lowers cognitive load when you can read it based on different states.
The next step could be to implement editing the preview where classes grouped by variants, so when user edits it - the extension would give a valid ungrouped tailwind result. If user selected a text, edited it, then resulting output of tailwind classes would substitute the original selected text.
Beta Was this translation helpful? Give feedback.
All reactions