## Slider
Select within a fixed interval by dragging the slider.
### How to use
The current value is displayed when the slider is being dragged.
:::demo Customize the initial value of the slider by setting the binding value.
```html
Default value
Customized initial value
```
:::
### Discrete value
The options can be discrete.
:::demo Change the value of `step` to change the step size. You can display breakpoints by setting the `show-step` attribute.
```html
Breakpoints are not displayed
Displays the breakpoints
```
:::
### Slide with input box
Set the exact value via the input box.
:::demo Set the `show-input` attribute to display an inputbox on the right.
```html
```
:::
## Attributes
| Attribute | Description | Type | Options | Default |
|---------- |-------------- |---------- |-------------------------------- |-------- |
| min | The minimum value | number | — | 0 |
| max | The maximum value | number | — | 100 |
| step | Step size | number | — | 1 |
| show-input | Whether to display the input box | boolean | — | false |
| show-stops | Whether to display breakpoints | boolean | — | false |
## Events
| Event | Description | Callback |
|---------- |-------- |---------- |
| change | Triggered when the value changes | the Value after the change |