react-guitar-chord
v1.1.0
Published
React component to draw SVG Guitar chords
Downloads
5
Readme
React Guitar Chord
React component to draw SVG Guitar chords.
Installation
npm install react-guitar-chord
or
yarn add react-guitar-chord
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 |