Copy link to clipboard
Copied
I am working on a design system, specifically form elements, where text fields have a few different States:
PROBLEM: The new states do not allow for shadow or border radius?
Do states support border radius or shadow? Seems like a massive overight if not.
Can we not do things like adjust shadow depth on :hover or :focus?
Copy link to clipboard
Copied
Hi there,
Thank you for reaching out. In order to apply shadows and border to the state shape, you need to make sure to double click into the state and select the shape to apply the shadow and border-radius to. You can verify what is selected in the layers panel.
Let me know if that helps.
Thanks,
Harshika
Copy link to clipboard
Copied
I ended up starting over with a new shape, and it appears to be working. I think I was trying to add a state to an existing component, and when doing so, there was no ability to Paste Layer Style to a new state and no ability to set border radius.
Not sure why that was the case?
Now that I started with a new rectangle, I can apply border radius, etc. and copy/paste layer styles after double-clicking on the current state's shape layer.