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..."
/>
)
}属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
value | string | - | 输入值 |
onChange | (e: ChangeEvent) => void | - | 变化处理器 |
placeholder | string | - | 占位符文本 |
disabled | boolean | false | 禁用状态 |
type | string | 'text' | 输入类型 |
API
InputRoot
该组件没有自定义 props。
InputWrapper
该组件没有自定义 props。
Input
该组件没有自定义 props。
InputIcon
该组件没有自定义 props。
InputAffix
该组件没有自定义 props。