<mq-piano-scale>
Piano keyboard with scale visualization. Major, minor, pentatonic, blues,
modes (dorian, phrygian, lydian…), and more. Distinct root color,
note-labels, and degree-labels.
npm install @hsablonniere/musiqimport '@hsablonniere/musiq/mq-piano-scale';| Attribute | Property | Type | Default | Description |
|---|---|---|---|---|
scale |
scale |
string |
— | Scale name (e.g. "C major", "A minor pentatonic", "D dorian"). See tonal scale-type for the full list of supported scales |
note-labels |
noteLabels |
boolean |
false |
Show note names on active keys |
degree-labels |
degreeLabels |
boolean |
false |
Show scale degree numbers (1–7) on active keys |
| Property | Default | Description |
|---|---|---|
--mq-piano-scale-active-color |
#27ae60 |
Fill color for scale note keys |
--mq-piano-scale-root-color |
#1e8449 |
Fill color for root note keys |
| Part | Description |
|---|---|
title |
Scale name heading above the keyboard |
key |
All keys (forwarded from mq-piano) |
key-white |
White keys (forwarded from mq-piano) |
key-black |
Black keys (forwarded from mq-piano) |
Display note names on active keys with the note-labels attribute.
Show scale degree numbers with the degree-labels attribute.
Church modes from C
Dorian
Phrygian
Lydian
Pentatonic, blues, whole tone.
Major pentatonic
Blues
Whole tone
Customize via --mq-piano-scale-active-color and --mq-piano-scale-root-color.