What happened to adding custom props to the styles?

I had custom styles props, like grid and z-index on a few projects. I wanted to do some custom styling on another project but I cannot add custom props any longer to the styles property.

What's the go-to now?

And, for the grid, I now see a class listed, but there is no actual class in the styles folder. Edit: Oh I see that class now in the styles sheet...

I guess it's all in the style sheet now!

Are you talking about custom styles using a component's props.styles prop, or perspective styles as in what you select to go into props.styles.classes?

You can still add whatever you want manually into props.styles. Adding simple properties into p styles I would still "parisitise" another benign property you're not using in the ui by ending it with ; and then adding the prop name and value pair in its place:

; gap: 5px

just make sure to use the css name of the prop which are kebab-case

For any more complex additions to a p style, I would also define a blank p style for it and then provide the content of its definition inside the stylesheet

props.styles.
image

There used to be a blue plus icon next to the "modify style" icon.

What version?

This is from 8.1.45.

8.1.43

Matter of fact, I don't see that plus icon after any property, anywhere!

Except for adding custom props/params...

Edit: version 45. Looking at the wrong number :man_facepalming:

Ah, that's a bug. You can get it back with some jiggling.... It's a bit of an art

2 Likes

That's a technical term, right? Do you recommend smacking the computer around a little or taking the designer and shaking it with the mouse? :slight_smile:

Finally got it back! Almost broke the computer in the process though...

It's definitely the technical term, although for the context I used it in, I'm not so sure :joy:

2 Likes