Hey @3raxton
Thank you so much!

Yes, I have added simple placeholder text color variable, you can use it like this:

ninja-keys {
   --ninja-placeholder-color: red;
}

or if you will need much more styling you can now use parts to change input/placeholder or wrapper around it.

ninja-keys::part(ninja-input) {
  color: #14b8a6;
}
ninja-keys::part(ninja-input)::placeholder {
  color: #f43f5e;
}
ninja-keys::part(ninja-input-wrapper) {
  background: rgba(244, 63, 93, 0.3);
}

If you will some more styling let me know, here are all available parts right now
https://github.com/ssleptsov/ninja-keys#css-shadow-parts

Cheers

Hey, no problem. Thanks for the hard work and the extra info! I was curious about the parts beforehand and am glad to see that there is also more custom styling here.

I am running into an issue with SVG however. I'd like to know if there is a way to utilize font awesome icons similar to the Material icons. Could this be a possibility?

Thanks again for the hard work!

Hey @3raxton,

Right now no, but I think it can be useful - will add support custom font.

But you already can use any custom icon if it's svg (like https://heroicons.com/ or font awesome must have svg too I think)
Example: https://github.com/ssleptsov/ninja-keys/#icons

Thanks!