1.1.0 • Published 6 years ago

react-guitar-chord v1.1.0

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

React Guitar Chord

React component to draw SVG Guitar chords.

Build Status

Coverage Status

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>
)

C Chords

Properties

PropsDescriptionRequiredDefault Value
chordName of the ChordRequired
qualityMAJ or MINOptional'MAJ' (Major)
heightHeight of the SVGOptional15em
backgroundBackground ColorOptional#FFF
strokeStroke ColorOptional#222