Input 输入框

输入框用于接收用户输入。

基础用法

import { Input } from '@enterprise-ui/react19';

<Input placeholder="请输入内容" />

尺寸

输入框提供三种尺寸：small、medium、large。

禁用状态

只读状态

受控组件

当前值: (空)

import { useState } from 'react';
import { Input } from '@enterprise-ui/react19';

const [value, setValue] = useState('');

<Input
  value={value}
  onChange={(e) => setValue(e.target.value)}
  placeholder="受控输入框"
/>

不同类型

API

Input Props

参数	说明	类型	默认值
size	输入框尺寸	`'small' \| 'medium' \| 'large'`	`'medium'`
value	输入框值（受控）	`string`	-
defaultValue	默认值（非受控）	`string`	-
placeholder	占位符	`string`	-
disabled	是否禁用	`boolean`	`false`
readOnly	是否只读	`boolean`	`false`
type	输入框类型	`'text' \| 'password' \| 'email' \| 'number' \| 'tel' \| 'url' \| 'search'`	`'text'`
onChange	值变化回调	`(e: React.ChangeEvent<HTMLInputElement>) => void`	-