Skip to canvas
React Compare Slider
/

 

Introduction

 

API

 

Images

 

Bounds Padding

 

Browsing Context

 

Change Position on Hover

 

Clip

 

Disabled

 

Handles

 

Keyboard Increment

 

Only Handle Draggable

 

Transition

 

useReactCompareSliderRef

 

Real-world Examples

 

Images

 

Bounds Padding

 

Browsing Context

 

Change Position On Hover

 

Disabled

 

Handle

 

Keyboard Increment

 

Only Handle Draggable

 

On Position Change

 

Portrait

 

Transition

 

Position

 

Use React Compare Slider Ref

 

Item Labels

 

Handle Labels

 

Detect Touch Devices

 

Wait For Image Load

 

Reset On Pointer Leave

 

Google Maps

 

Inherited Color

 

Individual Styles

 

Hide Button

 

Hide Lines

 

Override Handle Container Click

 

Custom Component
    No interactions found
    Learn how to add interactions to your story