0.2.10 • Published 5 years ago
@tombatossals/react-chords v0.2.10
react-chords
React library for easily generate string instruments SVG chord diagrams
Installation
With NPM
npm install @tombatossals/react-chords
With Yarn
yarn add @tombatossals/react-chords
Usage
import React from 'react'
import ReactDOM from 'react-dom'
import Chord from '@tombatossals/react-chords/lib/Chord'
const MyChord = () => {
const chord = {
frets = [1, 3, 3, 2, 1, 1],
fingers = [1, 3, 4, 2, 1, 1],
barres = [1],
capo = false,
}
const instrument = {
strings: 6,
fretsOnChord: 4,
name: 'Guitar',
keys: [],
tunings: {
standard: ['E', 'A', 'D', 'G', 'B', 'E']
}
}
const lite = false // defaults to false if omitted
return (
<Chord
chord={chord}
instrument={instrument}
lite={lite}
/>
)
}
ReactDOM.render(
<MyChord />,
document.getElementById('root')
);
Example of use
Using the chords-db database we can get this result:
0.2.10
5 years ago
0.2.9
7 years ago
0.2.8
7 years ago
0.2.7
7 years ago
0.2.6
7 years ago
0.2.5
7 years ago
0.2.4
7 years ago
0.2.3
7 years ago
0.2.2
7 years ago
0.2.1
7 years ago
0.2.0
7 years ago
0.0.13
7 years ago
0.0.12
8 years ago
0.0.11
8 years ago
0.0.10
8 years ago
0.0.9
8 years ago
0.0.8
8 years ago
0.0.7
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.1
8 years ago