{"repo":"4lejandrito/react-guitar","free":true,"listed":false,"github":"https://github.com/4lejandrito/react-guitar","clone":"git clone https://github.com/4lejandrito/react-guitar.git","description":"A beautiful and accessible guitar component for React. ⚛️ 🎸","language":"TypeScript","stars":650,"topics":["react","guitar"],"license":"MIT","category":"ui-components","readme_excerpt":"React-Guitar · A beautiful and accessible guitar component for React. See https://react-guitar.com for a live demo. Projects using React-Guitar - Workland (GIF) - A metaverse for tech teams. Usage Check out the storybook for more advanced examples. Props Name Description -------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- id An optional id in case several guitars are on the screen at the same time. This is used to generate the radio button names used internally which must be unique. If not specified an autoincremented id will be generated. className A CSS class string to apply to the container element. strings An array where each number represents the fret the string is pressed on ( 0 means open string and -1 muted). [0, 1, 2, 2, 0, -1] is an A minor in a standard guitar and [3, 0, 0, 0] is a C major in a ukelele. frets An object with the shape { from: number amount: number } to configure the frets of the guitar ( { from: 0, amount: 22 } by default). It can start on any fret which is useful for displaying just a chord instead of the whole guitar. lefty A boolean to configure the guitar for left handed people like me. center A boolean to indicate if the current fretting should be centered. If set to true the guitar horizontal scroll will be set so that the middle fret is cente","default_branch":null,"files":null,"tree":[],"storefront":"/r/4lejandrito","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/4lejandrito/react-guitar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}