Skip to content

Input

文本输入字段组件。

导入

tsx
import { Input } from '@xcloud/ui-core'

基础用法

tsx
import { Input } from '@xcloud/ui-core'

function Example() {
  const [value, setValue] = useState('')

  return (
    <Input
      value={value}
      onChange={(e) => setValue(e.target.value)}
      placeholder="Enter text..."
    />
  )
}

属性

属性类型默认值描述
valuestring-输入值
onChange(e: ChangeEvent) => void-变化处理器
placeholderstring-占位符文本
disabledbooleanfalse禁用状态
typestring'text'输入类型

API

InputRoot

该组件没有自定义 props。

InputWrapper

该组件没有自定义 props。

Input

该组件没有自定义 props。

InputIcon

该组件没有自定义 props。

InputAffix

该组件没有自定义 props。

基于 MIT 许可发布