Want to hide finger component

[tongari07]

Thanks for react-guitar!! 😍

It would be great if we could hide finger components in my project like below screenshot.

I did this by giving visibility:hidden to the finger class in the developer tools.

It seems that it can be implemented by allowing visibility to be passed to the theme.

Thank you for your consideration.

[4lejandrito]

Hi @tongari07! Sorry for the late reply.

1. What's exactly your use case?
2. Do you want to hide the finger completely?
3. Do you want to keep interactivity (users being able to fret strings)?
4. Do you want to keep the fretting so that the guitar performs the sound you want?

[4lejandrito]

I've published [email protected] (changes) with which you can now hide the finger by doing:

<Guitar strings={[0, 1, 2, 2, 0, 0]} renderFinger={() => null} />

Please let me know if you like it and I'll publish as stable.

Thanks!

[tongari07]

@4lejandrito Thank you very much for the reply 🙏 🤩

Sorry, I typed that out and didn't realize how vague it ended up being.

What's exactly your use case?

My use case is... I want to select it by clicking when the fret is not selected. Such like a quiz.

Do you want to hide the finger completely? Do you want to keep interactivity (users being able to fret strings)? Do you want to keep the fretting so that the guitar performs the sound you want?

So I want to hide it, but it shows when I hover or click it!

Sorry for my poor english. Thank you for your consideration 😍