1.1.0 • Published 8 years ago
react-guitar-chord v1.1.0
React Guitar Chord
React component to draw SVG Guitar chords.
Installation
npm install react-guitar-chordor
yarn add react-guitar-chordExample
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 |