# Knob

Rotating knob component.

![Knob example](../../../media/examples/knob.png)


## Examples

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

const position = [100, 200];
const options = {
    radius: 100, // radius in pixel
    min: 0, // Minimum value of the knob
    max: 10, // Maximum value of the knob
    value: 0, // initial value (from 0 to 1)
};
const knob = new Knob(position, options);
knob.value = 0.5; // set to 50%
```


## KnobOptions
Inherit from [ComponentOptions](../input/readme.md#inputoptions).

| Name   | Type     | Default | Comment                                   |
|--------|----------|---------|-------------------------------------------|
| min    | `Number` | `0`     | Minimum value when the knob is at lowest  |
| max    | `Number` | `10`    | Maximum value when the knob is at highest |
| value  | `Number` | `0`     | Initial value                             |
| radius | `Number` | `100`   | Radius of the knob                        |