@beisen-phoenix/mobile-field-box

字段容器。

Usage no npm install needed!

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

README

pic

字段容器。

概述

表单字段容器，提供必填、字段名、字段图标、右侧文字（单位）/图标 的展示

API

参数 说明 类型 默认值
labelText 标题 string 无
direc 标题、内容排列方向(横向\纵向) 可选vertical、horizontal string horizontal
required 是否必填 boolean false
readOnly 是否只读 boolean false
rightEl 右侧区域元素 用于显示单位或者图标 string/React.ReactNode 无
hasError 当前字段验证是否出现错误 用于显示底部错误红线 boolean false
children 内容元素 用于盛放字段内容 如输入框 React.ReactNode 无
labelIcon 自定义字段图标 展示于标题右侧 大小为 16px*16px React.ReactNode 无
activeBg 字段active时背景色定制 string 无
extraCls 自定义的class,会放在组件的最外层,一般用来自定义样式 string 无