History

Felix Roos be77882d70 rename inline functions to match global ones, prefixed with _		2024-03-17 04:15:59 +01:00
..
Claviature.jsx	rename inline functions to match global ones, prefixed with _	2024-03-17 04:15:59 +01:00
index.mjs	move canvas functions to codemirror package	2024-03-17 04:00:28 +01:00
package.json	simplify widget creation + fix bugs	2024-03-15 09:50:17 +01:00
README.md	use hap color for claviature	2024-03-15 00:39:31 +01:00
solid.mjs	fix: claviature height	2024-03-15 11:04:35 +01:00
vite.config.js	rename claviature package to widgets	2024-03-15 00:34:13 +01:00

README.md

@strudel/widgets

adds UI widgets to codemirror

claviature

Patter.claviature renders a claviature.

example usage:

chord("<Em9 A7 D^7@2>").voicing().piano()
  .claviature()

All claviature options will work.

Here is an example that uses all available options:

chord("<Em9 A7 D^7@2>").voicing().piano()
.color('cyan')
.claviature({
  range: ['C1', 'C6'], // rendered note range
  palette: ['cyan', 'magenta'],
  stroke: 'black',
  scaleX: 1, scaleY: 1,
  upperHeight: 80, 
  lowerHeight: 50
})