# svelma-pro
滑动条

# Slider

## 滑动条

Codesandbox
0

    <script>
      import { Slider } from 'svelma-pro'
      let value = [0, 1];

      function change() {
         console.log(value[0])
       }
    </script>
    {value[0]}
    <Slider bind:value min="0" max="1" on:dragEnd={() => change()} step="0.01"/>

范围选择

Codesandbox
10-110
10
110

    <script>
    import { Slider } from 'svelma-pro'

     let range2 = [10, 110];
    </script>

     {value[0]}-{value[1]}
     <Slider max="200" step="10" bind:value={range2} range order tip="true"/>

## API

Name | Description | Type | Values | Default
--- | --- | --- | --- | ---
`value` | 绑定值,单选以Array[0]为准 | Array [number, number] | [min, max] | `[min, max]`
`min` | 最小值 | Number | — | `0`
`max` | 最大值 | Number | — | `100`
`step` | 步长 | Number | — | `1`
`range` | 设置为true使用范围输入 | Boolean | — | `false`
`order` | 如果你想要value[0]的值总是大于value[1]，就将它设置为true | Boolean | — | `false`
`slot` | 自定义滑块 | Slots | default,left,right | `default`

## EVENT

Name | Parameters | Description
--- | --- | ---
`change` | — | 选择改变事件
`dragEnd` | — | 拖动停止事件