TextareaField Multi-line Input Box

When to use

• Used for large text input scenarios, with larger area than text input box;

Component Example

Component Properties

属性	说明	类型	默认值
addonAfter	Input box suffix content	string	-
addonBefore	Multi-line input box prefix content	string	-
autoFocus	Whether to enable auto focus	boolean	false
autoHeight	Whether to enable multi-line input box auto height	boolean	false
behavior	表单组件显示状态	Behavior	'NORMAL'
cutString	Truncate exceeding string when exceeding maxlength	boolean	false
hasClear	Whether to enable multi-line text clear button	boolean	true
hasLimitHint	Whether to show multi-line text counter	boolean	false
label	表单组件标题	string	-
labelAlign	表单组件标题的位置	'left' | 'top'	'top'
labelColOffset	设置标题的偏移位置，配置值为栅格值，1代表1/24	number	0
labelColSpan	设置标题的占位宽度，配置值为栅格值，1代表1/24	number	4
labelTextAlign	表单组件的标题对齐方式	'left' | 'right'	'right'
labelTipsIcon	表单组件标题提示信息入口图标，当labelTipsTypes取值为 text 或 render 时生效	string	-
labelTipsRender	表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 render 时生效	(props: IComponentProps) => ReactNode	-
labelTipsText	表单组件标题提示文本信息，当labelTipsTypes取值为 text 时生效	string	-
labelTipsTypes	表单组件标题提示信息类型设置	LabelTipsTypes	'none'
maxLength	Multi-line text character limit	number	-
onChange	Component value change event	({ value: string }) => void	-
placeholder	Form component placeholder prompt information	string	Please enter
rows	Set multi-line text height, only effective on PC	number	4
size	表单组件尺寸	Size	'medium'
state	Set input box state status	'error' | 'loading' | 'success' | ''	''
tips	表单组件描述信息，展示在控件下方	string	-
trim	Whether to enable automatic removal of leading and trailing whitespace	boolean	false
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
value	Current component default value	string	-
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0