Skip to content
A React component that uses the awesome abc2svg library to display music notation written using the ABC notation
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo/src
src
tests
.gitignore
.travis.yml
CONTRIBUTING.md
LICENSE
README.md
nwb.config.js
package-lock.json
package.json
tests.webpack.js

README.md

react-abc2svg

Travis Coveralls Commitizen friendly npm package npm downloads Prettier License

A React component that uses the awesome abc2svg to display music notation written using the ABC notation.

Usage

<Abc2Svg
  abcNotation={
    'X:1\nT:Example\nM:4/4\nC:Trad.\nK:G\n|:Gccc dedB|dedB dedB|c2ec B2dB|c2A2 A2BA|'
  }
  showErrors
/>

References

  • To make things clear, this is just a fancy cover to make you things easier in case you're working with React. All the hard work related to convert the abc notation to svg was already made by Jef Moine and his awesome library abc2svg. Don't forget to check it out!

IMPORTANT:

If you are using the component multiple times in the same page, to avoid strange behaviours each component needs to have a unique %%fullsvg value. If you don't provide one in the abc notation, the component will generate a random one for you.

You can’t perform that action at this time.