React Guitar Chord

React component to draw SVG Guitar chords.

Installation

npm install react-guitar-chord

or

yarn add react-guitar-chord

DEMO

Example

import React from 'react'
import GuitarChord from 'react-guitar-chord'

export default () => (
  <div>
    <GuitarChord chord={'C'} />
    <GuitarChord chord={'C'} quality={'MIN'} />
  </div>
)

Properties

| Props | Description | Required | Default Value | | ---------- | ----------------- | -------- | ------------- | | chord | Name of the Chord | Required | | | quality | MAJ or MIN | Optional | 'MAJ' (Major) | | height | Height of the SVG | Optional | 15em | | background | Background Color | Optional | #FFF | | stroke | Stroke Color | Optional | #222 |