css.gui icon indicating copy to clipboard operation
css.gui copied to clipboard

Possible use-case: user-defined styles

Open GrantCuster opened this issue 2 years ago • 3 comments

I've only half thought through this but thought it might be helpful for you all as a possible use-case:

There's a good chance we'll use css.gui to let users style their own blocks, something like this: shotwin-2022-04-27_16-10-53

I think it will make sense to pre-define some commonly used styles for them to edit. Working on that now.

Someday I'd also love to let them add any CSS property to that styling block -- maybe something like a combobox where it suggests valid style properties as you start typing....

I think (as you cover more and more of the spec) css.gui could be a good fit for this -- a user adding a style would just mean setting in the style state, then the editor component should pick it up automatically.

Another piece would be that combobox -- I guess it would need to be powered by a list of valid style properties, I'm sure I could put that together but there also might be a way for css.gui to expose that? Or provide the combobox "add a style property" functionality out of the box?

GrantCuster avatar Apr 27 '22 20:04 GrantCuster

@GrantCuster Believe I follow you and I think we are totally aligned. Vision is to be able to create any DOM structure and then expose blocks of predefined CSS Properties that people can edit. We want to make that entire creation and editing process as easy as possible.

mrmrs avatar May 03 '22 03:05 mrmrs

We've gotten part of the way there with #201! When we have full support and docs I'll link them here (should be in the next day or so).

johno avatar May 19 '22 15:05 johno

awesome! looks great so far

GrantCuster avatar May 19 '22 22:05 GrantCuster