# Double handle slider

**URL:** <https://forums.creativeclouddeveloper.com/t/double-handle-slider/5851>\
**Category:** Photoshop\
**Created:** [February 14, 2023, 8:13pm UTC](https://forums.creativeclouddeveloper.com/t/double-handle-slider/5851 "2023-02-14T20:13:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pdophoto](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/pdophoto/32/1304_2.png) [@pdophoto](https://forums.creativeclouddeveloper.com/u/pdophoto)\
**Post date:** [February 14, 2023, 8:13pm UTC](https://forums.creativeclouddeveloper.com/t/double-handle-slider/5851/1 "2023-02-14T20:13:24Z")

</div>

Hi everyone,  
I am trying to program a 2 handle Spectrum Slider without success.  
Is it possible to do on a vanilla plugin?

import ‘@spectrum-web-components/slider/sp-slider.js’;  
import ‘@spectrum-web-components/slider/sp-slider-handle.js’;

The import statements generates the following error and I have only one handle :  
./index.js:9 Uncaught SyntaxError: Cannot use import statement outside a module

```auto
<div class="spectrum-Slider" style="position: absolute; top: 150px; left: 5px; width: 200px;">

<sp-slider variant="range" step="1" min="0" max="255">
    Output Levels
    <sp-slider-handle
        slot="handle"
        name="min"
        label="Minimum"
        value="5"
    ></sp-slider-handle>
    <sp-slider-handle
        slot="handle"
        name="max"
        label="Maximum"
        value="250"
    ></sp-slider-handle>
</sp-slider>

</div>

```

Any help will be greatly appreciated

---

<div class="post-metadata">

**Author:** ![Karmalakas](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/karmalakas/32/1048_2.png) [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Post date:** [February 14, 2023, 10:19pm UTC](https://forums.creativeclouddeveloper.com/t/double-handle-slider/5851/2 "2023-02-14T22:19:11Z")

</div>

[This](http://forums.creativeclouddeveloper.com/t/selected-attribute-buttons/5847/2) might give you a hint why you’re out of luck

> [@Selected attribute - Buttons](http://forums.creativeclouddeveloper.com/t/selected-attribute-buttons/5847/2):
>
> Fistly, UXP doesn’t support Spectrum Web Components (SWC) - only [Spectrum UXP](https://developer.adobe.com/photoshop/uxp/2022/uxp/reference-spectrum/User%20Interface/) Secondly, it’s all still a mess. part of features work from SWC and part from Spectrum UXP man_shrugging It’s a trial and error path you’ll need to take to figure out what works and what doesn’t

---

<div class="post-metadata">

**Author:** ![pdophoto](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/pdophoto/32/1304_2.png) [@pdophoto](https://forums.creativeclouddeveloper.com/u/pdophoto)\
**Post date:** [February 15, 2023, 8:13pm UTC](https://forums.creativeclouddeveloper.com/t/double-handle-slider/5851/3 "2023-02-15T20:13:29Z")

</div>

Thank you very much, i’ll try something that can be handled by jquery.css or something else.