Package Exports
- simple-keyboard-layouts
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (simple-keyboard-layouts) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
The multi-language keyboard layout kit for simple-keyboard.
Installation
npm
Install simple-keyboard and simple-keyboard-layouts.
npm install simple-keyboard-layouts --save
zip file (self-hosted)
Click here to download the latest release (zip format).
Want to use a CDN instead of self-host? Scroll down to the "Usage with CDN" instructions below.
Usage with npm
import Keyboard from 'simple-keyboard';
import 'simple-keyboard/build/css/index.css';
/**
* Available layouts
* https://github.com/hodgef/simple-keyboard-layouts/tree/master/src/lib/layouts
*/
import layout from "simple-keyboard-layouts/build/layouts/japanese";
let keyboard = new Keyboard({
onChange: input => onChange(input),
onKeyPress: button => onKeyPress(button),
layout: layout
});
function onChange(input){
document.querySelector(".input").value = input;
console.log("Input changed", input);
}
function onKeyPress(button){
console.log("Button pressed", button);
}html
<input class="input" />
<div class="simple-keyboard"></div>