Skip to main content
Version: v7

JSX/TSX React

Use WmsView​

// Create view and set document
const doc = new Score.DocumentBuilder().getDocument();
<ReactUI.WmsView doc={doc} />

// Create view and set zoom (optional)
<ReactUI.WmsView doc={doc} zoom="1.5" />

// Create view and set staff size, the distance between bottom and top staff lines (optional)
<ReactUI.WmsView doc={doc} staffSize="40px" />
⚠️
Using staff size with units "cm", "mm", "in", etc. can give unpredictable result depending on device.

Live Example​