# Slider

Slider user input.

![Slider example](../../../media/examples/slider.png)


## Examples

```js
import { Slider } from "pencil.js";

const position = [100, 200];
const options = {
    min: 0,
    max: 100,
    value: 42
};
const slider = new Slider(position, options);
```


## SliderOptions
Inherit from [InputOptions](../input/readme.md#inputoptions).

| Name | Type | Default | Comment |
| ---- | ---- | ------- | ------- |
|min |`Number` |`0` |Minimum value when the slider is at lowest |
|max |`Number` |`10` |Maximum value when the slider is at highest |
|value |`Number` |`0` |Initial value |
|width |`Number` |`200` |Size of the slider |