Need private packages and team management tools?Check out npm Teams »

react-guitar-chord

1.1.0 • Public • Published

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

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

Keywords

Install

npm i react-guitar-chord

DownloadsWeekly Downloads

0

Version

1.1.0

License

MIT

Last publish

Collaborators

  • avatar