Musical keyboard component written in React.

react components piano piano-keyboard pianoforte music instrument musical-keyboard keyboard midi

TheoryOfNekomata c4032ed7f4 Change metrics Use compromise for metrics to produce a more aesthetic rendering.		4年前
.storybook	Initial commit	4年前
src	Change metrics	4年前
.editorconfig	Initial commit	4年前
.gitignore	Update storybook	4年前
.npmignore	Update dependency list	4年前
.prettierrc	Initial commit	4年前
LICENSE	Initial commit	4年前
README.md	Initial commit	4年前
package.json	Change metrics	4年前
tsconfig.json	Make accidentals more prominent	4年前
yarn.lock	Remove extraneous dependency	4年前

README.md

Musical Keyboard

Musical keyboard component written in React.

Installation

yarn add @theoryofnekomata/react-musical-keyboard

Usage

import * as React from 'react'
import ReactDOM from 'react-dom'
import Keyboard from '@theoryofnekomata/react-musical-keyboard'

const App = () => {
  return (
    <div>
      <Keyboard startKey={21} endKey={108}/>
    </div>
  )
}

const container = window.document.createElement('div')

ReactDOM.render(<App />, container)

window.document.body.appendChild(container)

License

MIT. See License file for details.