react-touchscreen-keyboards

Quick start

Installing via npm

$ npm install --save-dev react-touchscreen-keyboards

Example

import React, { Component } from 'react';
import Keyboard from 'react-touchscreen-keyboards';
 
class MyKeyboard extends Component {
  onReturnValue = (value = '') => {
    console.log(value);
  }
 
  render() {
    return (<Keyboard showKeyboard={true} type="text" value="" onReturnValue={this.onReturnValue} />);
  }
}
 
export default MyKeyboard;

Props

name	type	default
style	object	{}
showKeyboard	bool	false
enableDefaultButton	bool	true
leftButtons	array	[]
rightButtons	array	[]
type	string: 'text', 'password', 'email'	'text'
value	string	''
isFirstLetterUppercase	bool	false
layouts	array	[LatinLayout]
onChangeValue	func	undefined
onReturnValue	func	undefined

See the examples for a more complete sample.

Running Local Example

$ git clone https://github.com/neilpipi1985/react-touchscreen-keyboards
$ cd ./react-touchscreen-keyboards
$ npm install
$ npm run test