@infinitoui/infinito-slider
v1.7.8
Published
slider
Downloads
13
Readme
Slider 滑动输入条
鼠标点击和拖动输入,展示当前值。
How to use
yarn add @infinitoui/infinito-slider
import '@infinitoui/infinito-slider';
<infinito-slider .value></infinito-slider>
property
| property | type | 默认值 | 描述 | | ----------- | -------- | ------------------------------------- | ---------- | | value? | Number | 0 | 值 | | min? | Number | 0 | 最小值 | | max? | Number | 10 | 最大值 | | step? | Number | 1 | 步长精度 | | suffix? | String | '' | 显示后缀 | | translator? | Function | (value:number)=>value:value | string | 格式化函数 |
event
| event | event 参数 | 是否冒泡 | 描述 | | --------- | -------------- | -------- | ------------------ | | on-change | detail:{value} | 否 | 值发生变化时触发 | | on-start | detail:{value} | 否 | 点击小球的时候触发 | | on-end | detail:{value} | 否 | 拖动完毕的时候触发 |