Welink React-ui基础组件Stepper
【摘要】 Stepper步进器。Stepper UI提供与WeLink规范一致的视图。参数说明名称类型默认值说明titlestring标题inputElNamestringinput实例名defaultValuenubmer初始值stepnubmer步进器每一步的值maxnubmer最大值minnubmer最小值changeFnfunc值变更事件import React from 'react';im...
Stepper
步进器。Stepper UI提供与WeLink规范一致的视图。
参数说明
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
title | string | 标题 | |
inputElName | string | input实例名 | |
defaultValue | nubmer | 初始值 | |
step | nubmer | 步进器每一步的值 | |
max | nubmer | 最大值 | |
min | nubmer | 最小值 | |
changeFn | func | 值变更事件 |
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)