@adactive/arc-keyboard

    2.5.3 • Public • Published

    Keyboard component

    image

    Live examples here

    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`
    

    Install

    npm i @adactive/arc-keyboard

    DownloadsWeekly Downloads

    1

    Version

    2.5.3

    License

    UNLISENCED

    Unpacked Size

    155 kB

    Total Files

    32

    Last publish

    Collaborators

    • clientadactive
    • adactive-bot
    • naei