README
Keyboard component
Getting started
npm i --save @adactive/arc-keyboard
OR
yarn add @adactive/arc-keyboard
import AdsumKeyboard from "@adactive/arc-keyboard"
...
<AdsumKeyboard
isOpen=true
lang="en"
currentValue=""
onKeyClicked={this.onKeyClicked}
/>
Props
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
Less only
`npx @adactive/arc-keyboard copy --less-only`
Full copy
`npx @adactive/arc-keyboard copy`