Musical keyboard component written in React.

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

TheoryOfNekomata b6ea02a3ad Add keyboard map Keyboard map is the one responsible for handling mouse, touch, and keyboard events. This is to keep the keyboard rendering and external events handling separate.		há 3 anos
.storybook	Add keyboard map	há 3 anos
src	Add keyboard map	há 3 anos
.editorconfig	Initial commit	há 3 anos
.gitignore	Fix metrics, SSR support	há 3 anos
.npmignore	Update dependency list	há 3 anos
.prettierrc	Initial commit	há 3 anos
LICENSE	Initial commit	há 3 anos
README.md	Initial commit	há 3 anos
package.json	Fix metrics, SSR support	há 3 anos
tsconfig.json	Make accidentals more prominent	há 3 anos
yarn.lock	Remove extraneous dependency	há 3 anos

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.