输入框 Input
一个通用的输入组件,包含基础输入框、密码框和数字输入框三种类型,样式统一,交互清晰,适配 Tailwind 设计体系。
📦 引入方式
import { Input } from '@npmqg/react-ui-core';
🧩 使用示例
📚 基本使用
- 示例
- 源码
@
<Space>
<Input placeholder="请输入用户名" />
<Input prefix="@" placeholder="用户名" />
</Space>
📚 密码输入框
- 示例
- 源码
🔒
<Space>
<Input.Password placeholder="请输入密码" />
<Input.Password prefix="🔒" placeholder="安全密码" />
</Space>
📚 数字输入框
- 示例
- 源码
<Space>
<Input.Number placeholder="数量" />
<Input.Number
step={0.5}
min={0}
max={10}
precision={1}
value={5}
/>
</Space>
🧩 Props
组件名 | 描述 | 额外 Props(类型 - 默认值 - 说明) |
---|---|---|
<Input /> | 标准输入框,支持前缀图标或文本 | prefix (React.ReactNode ) - — - 输入框左侧的前缀元素 |
<Input.Password /> |