@infinitoui/infinito-slider

slider

Usage no npm install needed!

<script type="module">
  import infinitouiInfinitoSlider from 'https://cdn.skypack.dev/@infinitoui/infinito-slider';
</script>

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