Default (No Props)
Using <RiffScore /> with no configuration renders an interactive grand staff with 4 measures
<RiffScore />Untitled
// Loading...Treble Clef Only
Single treble staff for melody lines
<RiffScore config={{
"score": {
"title": "Melody Line",
"staff": "treble",
"measureCount": 4,
"keySignature": "G"
}
}} />Melody Line
// Loading...Bass Clef Only (Dark Mode)
Single bass staff for bass parts
<RiffScore config={{
"score": {
"title": "Bass Line",
"staff": "bass",
"measureCount": 4,
"keySignature": "F"
},
"ui": {
"theme": "DARK"
}
}} />Bass Line
// Loading...Read-Only Display
Interactions disabled - perfect for embedding static scores
<RiffScore config={{
"ui": {
"showToolbar": false
},
"interaction": {
"isEnabled": false
},
"score": {
"title": "Static Score",
"staff": "grand",
"measureCount": 2
}
}} />Static Score
// Loading...Compact View
Scaled down for preview or thumbnail display
<RiffScore config={{
"ui": {
"scale": 0.75,
"showToolbar": false
},
"score": {
"title": "Compact Preview",
"staff": "treble",
"measureCount": 2
}
}} />Compact Preview
// Loading...