field - Maixbxp/salt-ui GitHub Wiki

field

基础表单域

Props

className

描述:自定义的扩展样式名称

类型:String

默认:''

必填:否

label

描述:表单域label文字标签

类型:String

默认:''

必填:否

tappable

描述:是否有 tap 效果

类型:Boolean

默认:false

必填:否

multiLine

描述:是否多行显示模式

类型:Boolean

默认:false

必填:否

icon

描述:传入 icon 可以显示右侧图标, icon 为icon 的使用参数, 如 {name: 'angle-right', fill: '#ccc'} 类型:Object

默认:{}

必填:否

layout

描述:label 布局,支持上下结构v和左右结构h,

类型:String

默认:'h'

必填:否

Simple Usage

    class Demo extends React.Component {

        constructor(props) {
            super(props);
            this.state = {
            }
        }

        render() {
            return (
                <div>
                    <Group.List>
                        <Field layout='v' label="上下结构" icon={{name: 'angle-right', fill: '#ccc'}}>
                            <div>自定义输入元素的区域, 带图标</div>
                        </Field>
                    </Group.List>
                </div>
            );
        }
    };

⚠️ **GitHub.com Fallback** ⚠️