Welink React-ui基础组件Stepper

举报
云会议运营喵大人 发表于 2020/02/21 17:48:43 2020/02/21
【摘要】 Stepper步进器。Stepper UI提供与WeLink规范一致的视图。参数说明名称类型默认值说明titlestring标题inputElNamestringinput实例名defaultValuenubmer初始值stepnubmer步进器每一步的值maxnubmer最大值minnubmer最小值changeFnfunc值变更事件import React from 'react';im...

Stepper


步进器。Stepper UI提供与WeLink规范一致的视图。

参数说明

名称类型默认值说明
titlestring
标题
inputElNamestring
input实例名
defaultValuenubmer
初始值
stepnubmer
步进器每一步的值
maxnubmer
最大值
minnubmer
最小值
changeFnfunc
值变更事件

import React from 'react';
import { Cells, Stepper } from '@wecode/react-weui';

export default class StepperDemo extends React.Component {
  getValue(value) {
    console.log(value);
  }

  render() {
    return (
      <Cells>
        <Stepper
          inputElName="123"
          title="演示主文本"
          defaultValue={0}
          step={1}
          max={3}
          min={-3}
          changeFn={this.getValue}
        />
      </Cells>
    );
  }
}


【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。