Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

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

Resources

License

Packages

No packages published