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} | 否 | 拖动完毕的时候触发 |