xy-input
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.3 • Public • Published
    IE Chrome Firefox Opera Safari
    IE 10+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

    NPM version node version npm download

    xy-input

    xy-input

    输入框, 文本域组件

    安装

    # yarn 
    yarn add xy-input

    使用例子

    import React from "react";
    import ReactDOM from "react-dom";
    import { Input, InputGroup, TextArea } from "xy-input";
    ReactDOM.render(<Input />, container);

    API

    通用属性

    属性 说明 类型 默认值
    disabled 是否禁用 boolean false
    value 输入框值 string
    defaultValue 输入框默认值 string
    placeholder 占位符文本 string
    autoFocus 自动焦点 boolean
    onFocus 输入框焦点事件 (e: React.FocusEvent) => void
    onBlur 输入框失去焦点事件 (e: React.FocusEvent) => void
    onKeyDown 键盘事件 (e: React.KeyboardEvent) => void
    onChange 输入框 change 事件 (value: string, event?: React.ChangeEvent) => void
    onCompositionStart 开始输入中文 (e: React.CompositionEvent) => void
    onCompositionEnd 输入中文完毕 (e: React.CompositionEvent) => void

    Input

    属性 说明 类型 默认值
    type 输入框类型 "text"/"password"
    clearable 是否显示清除 "text"/"password"
    onClean 清除按钮点击事件 Function
    addonBefore 前置标签 React.ReactNode
    addonAfter 后置标签 React.ReactNode
    prefix 前置图标 React.ReactNode
    suffix 后置图标 React.ReactNode

    InputGroup

    属性 说明 类型 默认值
    compact 是否紧凑模式 boolean

    TextArea

    属性 说明 类型 默认值
    autosize 是否自动调整尺寸 boolean/TextAreaSize

    开发

    yarn run start

    例子

    http://localhost:6006

    测试

    yarn run test
    

    开源许可

    xy-input is released under the MIT license.

    Install

    npm i xy-input

    DownloadsWeekly Downloads

    3

    Version

    0.1.3

    License

    MIT

    Unpacked Size

    37.1 kB

    Total Files

    24

    Last publish

    Collaborators

    • xueyou2000