@pencil.js/slider/readme.md

Slider user input for Pencil.js package.

# Slider

Slider user input.

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


## Installation

    npm install @pencil.js/slider


## Examples

```js
import Slider from "@pencil.js/slider";

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 |