The pure notation implementation using the core of the ABC API.
The below example is using ES6.
import { Notation } from 'react-abc';
const notation = 'CDEF GABc|';
export default ({ notation}) => <Notation notation={notation} />;
| Prop | Description | Required |
|---|---|---|
notation |
A string of ABC notation |
Required |
el |
A DOM element (i.e. document.getElementById('element')) or a DOM id string (i.e. example). If not provided, the component will use ref on the outputted DIV as the target element |
|
engraverParams |
Link | |
parserParams |
Link | |
renderParams |
Link |