GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Utzel-Butzel → react-virtual-keyboard

Utzel-Butzel / react-virtual-keyboard

Licence: MIT license
Use jQuery Virtual Keyboard in react.js

Programming Languages

javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Labels

reactjsdeprecatedarchivedkioskonscreen-keyboardkeyboard-emulationvirtualkeyboardobselete

Projects that are alternatives of or similar to react-virtual-keyboard

picosdk-python-examples
DEPRECATED - An example Python application and examples for PicoScope® oscilloscope products.
Stars: ✭ 21 (-52.27%)
Mutual labels:  deprecated, archived, obselete
OSM-Completionist
⛔️ DEPRECATED iOS companion app for OpenStreetMap that allows contributors to complete missing information
Stars: ✭ 17 (-61.36%)
Mutual labels:  deprecated, archived, obselete
contentstats
DEPRECATED – See how many entries have been created for channels and structures in your Craft CMS website.
Stars: ✭ 29 (-34.09%)
Mutual labels:  deprecated, archived, obselete
Secretary
DEPRECATED Secrets management for dynamic environments
Stars: ✭ 93 (+111.36%)
Mutual labels:  deprecated, archived
Adminbar
DEPRECATED – Front-end shortcuts for clients logged into Craft CMS.
Stars: ✭ 77 (+75%)
Mutual labels:  deprecated, archived
Codeigniter Schema
⛔️DEPRECATED Expressive table definitions
Stars: ✭ 87 (+97.73%)
Mutual labels:  deprecated, archived
Mricrogl
DEPRECATED development has moved to https://github.com/rordenlab/MRIcroGL12
Stars: ✭ 49 (+11.36%)
Mutual labels:  deprecated, archived
Angular2 Adminlte
DEPRECATED An Angular 4 version of the AdminLTE theme
Stars: ✭ 239 (+443.18%)
Mutual labels:  deprecated, archived
Closure Linter
Automatically exported from code.google.com/p/closure-linter
Stars: ✭ 104 (+136.36%)
Mutual labels:  deprecated, archived
Python Firebase
⛔️ [DEPRECATED] python wrapper for Firebase's REST API
Stars: ✭ 117 (+165.91%)
Mutual labels:  deprecated, archived
Sphero Android Sdk
🚫 DEPRECATED REPO: Sphero™ is the amazing robotic ball ( gosphero.com ), this is the repository for the Android SDK for Sphero™. Visit dev site for more information:
Stars: ✭ 160 (+263.64%)
Mutual labels:  deprecated, archived
Sketch Toolbox
DEPRECATED: A plugin manager for Sketch.app
Stars: ✭ 2,159 (+4806.82%)
Mutual labels:  deprecated, archived
Sphero Mac Sdk
🚫 DEPRECATED: Sphero SDK for the Mac platform.
Stars: ✭ 70 (+59.09%)
Mutual labels:  deprecated, archived
Graphql Modules
⚠️ [DEPRECATED] GraphQL module library for Apollo.
Stars: ✭ 53 (+20.45%)
Mutual labels:  deprecated, archived
Julian
⛔️DEPRECATED Brilliantly clever PHP calendar class
Stars: ✭ 89 (+102.27%)
Mutual labels:  deprecated, archived
Codeigniter Base Model
⛔️DEPRECATED CodeIgniter base CRUD model to remove repetition and increase productivity
Stars: ✭ 1,052 (+2290.91%)
Mutual labels:  deprecated, archived
Codeigniter Base Controller
⛔️DEPRECATED CodeIgniter base controller with view autoloading and layout support
Stars: ✭ 115 (+161.36%)
Mutual labels:  deprecated, archived
Sphero Ios Sdk
🚫 DEPRECATED: Sphero™ is the amazing robotic ball ( sphero.com ) created by Orbotix, this is the repository for the iOS SDK for Sphero™. Visit dev site for more information:
Stars: ✭ 232 (+427.27%)
Mutual labels:  deprecated, archived
Mern Starter
⛔️ DEPRECATED - Boilerplate for getting started with MERN stack
Stars: ✭ 5,175 (+11661.36%)
Mutual labels:  deprecated, archived
Materialdrawer Xamarin
DEPRECATED!!! Xamarin bindings for https://github.com/mikepenz/MaterialDrawer
Stars: ✭ 22 (-50%)
Mutual labels:  deprecated, archived
View All Similar Projects ➔

DEPRECATED

React Virtual Keyboard

Project is outdated!

Please use https://virtual-keyboard.js.org/react/ instead

A on-screen keyboard (OSK) Component that works in the browser for reactJS. Useful for Kiosk Touchscreens.

Based on the Virtual Keyboard using jQuery: https://mottie.github.io/Keyboard/

Usage

Installation

npm install react-virtual-keyboard

Import Keyboard

import Keyboard from 'react-virtual-keyboard';

Use Keyboard Element

<Keyboard 
  value={this.state.input}
  name='keyboard'
  options={{
    type:"input",
    layout: "qwerty",
    alwaysOpen: true,
    usePreview: false,
    useWheel: false,
    stickyShift: false,
    appendLocally: true,
    color: "light",
    updateOnChange: true,
    initialFocus: true,
    display: {
      "accept" : "Submit"
    }
  }}
  onChange={this.onInputChanged}
  onAccepted={this.onInputSubmitted}
  ref={k => this.keyboard = k}
/>

Return updated values

onInputChanged = (data) => {
  this.setState({ input: data });
}

onInputSubmitted = (data) => {
  console.log("Input submitted:", data);
}

Listen for button presses

this.keyboard.interface.keyaction.enter = (base) => {
  // Enter button pressed
  // Accepting content, as an example:
  return this.keyboard.interface.keyaction.accept(base);
};

For more information, check out the API documentation: https://github.com/Mottie/Keyboard/wiki/Options

Dependencies

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].