Keyboard component

!image

Live examples here

Getting started

``javascript
npm i --save @adactive/arc-keyboard
`
OR
`javascript
yarn add @adactive/arc-keyboard
`

`javascript
import AdsumKeyboard from "@adactive/arc-keyboard"
...
isOpen=true
lang="en"
currentValue=""
onKeyClicked={this.onKeyClicked}

/>
`

$3



`javascript
type PropsType = {|
+isOpen: boolean,
+lang: 'en' | 'fr',
+currentValue: string,
+onKeyClicked: (string) => void,
+keyboardCSS?: CSSStyleDeclaration,
+keyboardLineCSS?: CSSStyleDeclaration,
+buttonCSS?: CSSStyleDeclaration
|};


static defaultProps = {
isOpen: false,
lang: 'en',
currentValue: '',
onKeyClicked: null
}
`

isOpen -> To show or hide keyboard

lang -> Language of keyboard

currentValue -> To pass current query value from application for keyboard to process result

onKeyClicked -> A callback function to result back to the

keyboardCSS -> To customise the overall CSS for the entire component

keyboardLineCSS -> To customise the CSS for each line of the keyboard component

buttonCSS -> To customise each button on the keyboard

Copy component inside your project src folder

$3


npx @adactive/arc-keyboard copy --less-only

$3

npx @adactive/arc-keyboard copy`