当前位置：文江博客 Node Package Readme @adactive/arc-keyboard 中文文档教程

@adactive/arc-keyboard 中文文档教程

发布于 3年前浏览 5 项目主页更新于 3年前

Keyboard component

Getting started

    npm i --save @adactive/arc-keyboard

或

    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 -> 显示或隐藏键盘

lang -> 键盘语言

currentValue -> 将当前查询值从键盘应用程序传递到处理结果

onKeyClicked -> 返回到

keyboardCSS 的回调函数 -> 自定义整个组件的整体CSS

keyboardLineCSS -> 自定义键盘组件每一行的CSS

buttonCSS -> 自定义键盘上的每个按钮

Copy component inside your project src folder

Less only

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

Full copy

`npx @adactive/arc-keyboard copy`

原文

Keyboard component

Live examples here

Getting started

    npm i --save @adactive/arc-keyboard

    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`

友情链接

文江博客

@adactive/arc-keyboard 中文文档教程

Keyboard component

Getting started

Props

Copy component inside your project src folder

Less only

Full copy

Keyboard component

Getting started

Props

Copy component inside your project src folder

Less only

Full copy

你可能也喜欢

友情链接