How to change placeholder text color in react-aria text input?

*What are you trying to do?
Hi with the new Plasmic custom components, how can you change the placeholder text color for a text input?

*What have you tried so far?
I’m not able to find the placeholder color as a color style token, nor access the “Aria-Input” itself.

Relevant links:

Hi @theo_go, welcome to the Plasmic community!

For the customizable components, currently it is only possible using a global CSS. First insert this package from the insert menu.

Then go to project settings, click “Embed CSS” and add this CSS code.

input::placeholder {
  color: red;
}

I have also made a new ticket to improve this in our backlog.

2 Likes

perfect thank you!