JSFiddle - React, Tailwind, and code Playground

by maxwalker

HTML

<script src="https://cdn.jsdelivr.net/npm/@coderline/alphatab@1.8.4/dist/alphaTab.min.js"></script>

<div id="at"></div>

<script>
  const api = new alphaTab.AlphaTabApi(document.getElementById("at"), {});
  api.tex(`
\\title "Marker / chord overlap"
\\tempo 120
.
\\track "Guitar"
\\section Verse "Verse 1"
(0.5 2.4 2.3).4{ch "Am"} 0.5.4 2.4.4 2.3.4 |
\\section Chorus "Chorus"
(3.6 2.5 0.4).4{ch "G"} 3.6.4 2.5.4 0.4.4 |
`);
</script>