Join the Webstudio community

Updated last year

Extend token menu

At a glance

The community members are discussing the idea of having a scrollable list of all the current tokens that match the letters typed in a token library. Some community members suggest that this is already happening, and they would like to see a complete list of tokens that contain the typed letters. Others suggest limiting the list to 100 tokens or showing up to 50 tokens, as having too many tokens in the list could be overwhelming. The community members also mention that this feature could be useful when searching for a token and not remembering the full name, and that a token manager could be a solution for this use case.

Useful resources
Could this token menu be a scrollable list of all the current tokens that match the letters typed?

Use case: I'm creating a token library and don't want to redefine tokens by simply naming them differently.
Attachment
CleanShot_2024-04-04_at_19.58.582x.png
O
J
8 comments
When you type them, this is already happening, do you want to just see a complete list of tokens that contain what you typed?
The fuzzy matching is really nice. Yes, I'm asking for a full list.

Maybe this will be irrelevant once the token manager is done?
my guess is that you are searching for a token and don't remember a name, I had this too
we could at least limit that search to 100 tokens or so and let it scroll
after that if you still can't find - tokens manager, but generally this ui should allow you to find any token
Here's an example. I have created a bunch of tokens with "flex" in the name. But if I want to select one I might not remember fully (just knowing it includes "flex"), I get a list that's limited to 5 of my tokens.
Attachments
CleanShot_2024-04-05_at_17.00.302x.png
CleanShot_2024-04-05_at_17.02.342x.png
Once this is released, will be showing up to 50 tokens instead of 5 https://github.com/webstudio-is/webstudio/pull/3103
thank you for the suggestion, in the hindsight it's obvious
Add a reply
Sign up and join the conversation on Discord