Tabulature Component

[jherr]

Build a responsive component (most likely using SVG) that displays guitar tabulature.

Props:

• instrument - to specify the number of strings
• tabulature - an array of arrays of finger positions with either -1 meaning X and any number above that being the finger position
• selected - an array of array indexes of the selected elements of the tabulature
• onClick - event handler that sends back a click message with the index of the tabulature item that was clicked on

Example Vue code: https://github.com/jherr/vue-music-notation/blob/master/src/components/Tabulature.vue