Adsum Keyboard Component
npm install @adactive/arc-keyboard``javascript`
npm i --save @adactive/arc-keyboard`
ORjavascript`
yarn add @adactive/arc-keyboard
`javascript`
import AdsumKeyboard from "@adactive/arc-keyboard"
...
lang="en"
currentValue=""
onKeyClicked={this.onKeyClicked}
/>
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`