Input 输入框

用于接收用户的文本输入。

变体

提供边框和填充两种视觉风格。

禁用状态

尺寸

提供三种尺寸选项。

块级

充满父容器宽度的输入框。

前后缀

复合

预设

Search

Password

Number

OTP

API

Input Props

继承自 Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange'>

属性名	描述	类型	默认值
variant	-	'outlined' | 'filled'	-
size	-	'small' | 'medium' | 'large'	-
block	-	boolean	-
disabled	-	boolean	-
value	-	string | number	-
defaultValue	-	string | number	-
onChange	-	(value: string | number, evt: ChangeEvent<HTMLInputElement>) => void	-

Input.Append Props

等价于 HTMLAttributes<HTMLDivElement>

Input.Composite Props

继承自 HTMLAttributes<HTMLDivElement>

属性名	描述	类型	默认值
variant	-	'outlined' | 'filled'	-
size	-	'small' | 'medium' | 'large'	-
disabled	-	boolean	-
block	-	boolean	-
children	-	ReactElement<InputProps | HTMLAttributes<HTMLDivElement> | HTMLAttributes<HTMLDivElement>, string | JSXElementConstructor<any>> | Array<ReactElement<InputProps | HTMLAttributes<HTMLDivElement> | HTMLAttributes<HTMLDivElement>, string | JSXElementConstructor<any>>>	-

Input.Number Props

继承自 Omit<InputProps, 'value' | 'defaultValue' | 'onChange'>

属性名	描述	类型	默认值
min	-	number	-
max	-	number	-
step	-	number	-
value	-	number	-
defaultValue	-	number	-
onChange	-	(value: undefined | number, evt?: ChangeEvent<HTMLInputElement>) => void	-

Input.OTP Props

继承自 Omit<HTMLAttributes<HTMLSpanElement>, 'placeholder' | 'onFocus' | 'onChange'>, Pick<InputProps, 'variant' | 'type' | 'block' | 'size' | 'disabled'>

属性名	描述	类型	默认值
placeholder	-	string[]	-
length	-	number	-
separator	-	ReactNode | (index: number) => ReactNode	-
value	-	string[]	-
defaultValue	-	string[]	-
onFocus	-	(index: number, evt: FocusEvent<HTMLInputElement>) => void	-
onBlur	-	(evt: FocusEvent<HTMLSpanElement>) => void	-
onChange	-	(value: string[], evt: SyntheticEvent) => void	-
onComplete	-	(value: string[], evt: SyntheticEvent) => void	-

Input.Password Props

继承自 Omit<InputProps, 'value' | 'defaultValue' | 'onChange'>

属性名	描述	类型	默认值
value	-	string	-
defaultValue	-	string	-
onChange	-	(value: string, evt: ChangeEvent<HTMLInputElement>) => void	-
visible	-	boolean	-
defaultVisible	-	boolean	-
onVisibleChange	-	(visible: boolean) => void	-

Input.Prefix Props

等价于 HTMLAttributes<HTMLSpanElement>

Input.Prepend Props

等价于 HTMLAttributes<HTMLDivElement>

Input.Search Props

继承自 Omit<InputProps, 'value' | 'defaultValue' | 'onChange'>

属性名	描述	类型	默认值
value	-	string	-
defaultValue	-	string	-
keyword	-	string	-
defaultKeyword	-	string	-
onChange	-	(value: string, evt: ChangeEvent<HTMLInputElement>) => void	-
onSearch	-	(value: string) => void	-

Input.Suffix Props

等价于 HTMLAttributes<HTMLSpanElement>