@beisen-phoenix/mobile-field-textarea

表单组件：多行文本。

Usage no npm install needed!

<script type="module">
  import beisenPhoenixMobileFieldTextarea from 'https://cdn.skypack.dev/@beisen-phoenix/mobile-field-textarea';
</script>

README

表单组件：多行文本。

概述

用于表单中的多行文本字段

API

参数	说明	类型	默认值
labelText	标题	string	无
value	文本区当前值	any	无
defaultValue	文本区初始值	any	无
placeholder	文本区没有值时的帮助文字	string	点击填写
minLength	最少输入字数	number	无
maxLength	最多输入字数	number	无
required	是否必填	boolean	false
readOnly	是否只读	boolean	false
hasError	当前字段验证是否出现错误用于显示底部错误红线	boolean	false
labelIcon	自定义字段图标展示于标题右侧大小为 16px*16px	React.ReactNode	无

多语言

参数	说明	类型	默认值
translation	语言包用于翻译组件内置常量	{inputHolder: string,minText: string}	{inputHolder: '点击填写',minText:'至少输入$minLength个字'

事件

参数	说明	类型	默认值
onFocus	输入框获取焦点时的回调	(e: React.FocusEvent) => void	无
onChange	输入框内容变化时的回调	(e: React.ChangeEvent) => void	无
onBlur	输入框失去焦点时的回调	(e: React.FocusEvent) => void	无

说明

translation中 $minLength为变量占位，固定格式不可修改。