# Slider

Slider field renders a standard [jQuery UI Slider](https://jqueryui.com/slider/) with a readonly input.

## Example configuration

```php
...
array(
    'title' => 'My slider field title',
    'id' => 'slider-option',
    'desc' => 'Short description for the field',
    'tab' => 'main',
    'type' => 'slider',
    'values' => array(
        'min' => 0,
        'max' => 200,
        'step' => 5,
    ),
),
...
```

This will produce the following

![](https://2720448264-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LKMTiOPVR7pXWhebz7q%2Fsync%2F9c39e413ead61f5849d27aab8cce8844bed2a2d3.png?generation=1602624630717664\&alt=media)

## Default values

The `values` key specifies 3 parameters: `min`, `max` and `step`. If any (or all) keys are missing, but the `values` key is provided, they will default to the following

```php
...
'values' => array(
    'min' => 0,
    'max' => 100,
    'step' => 1,
),
...
```

## Params

| Name     | Type   | Description                                                                                                         |
| -------- | ------ | ------------------------------------------------------------------------------------------------------------------- |
| `type`   | string | `slider` **(required)**                                                                                             |
| `id`     | string | Unique ID that will be used to retrieve the value **(required)**                                                    |
| `values` | array  | Array containing `min`, `max` and `step` keys. See [default values](#default-values) above for more. **(required)** |
| `tab`    | string | Specifies in which tab this option will be rendered                                                                 |
| `title`  | string | Shows a heading to the left of the field                                                                            |
| `desc`   | string | Shows a description text (can have HTML)                                                                            |