react-compare-slider
react-compare-slider copied to clipboard
nerdyman
A slider component to compare any two React components in landscape or portrait orientation. It supports custom images, videos... and everything else.
Hello. Are you planning to add accessibility support (keyboard navigation and aria attributes for screen readers)? Right now it's impossible to move the handle using the keyboard, and there is...
## `transition` functionality - [x] Add `transition` prop to allow slider position to be animated with CSS transitions ## `pointer` events - [x] Use pointer events instead of individual mouse/touch...
Hello, Is there a way on mouse leave return to initial position? It would be great if there was an API like this. Now i'm using react key to rerender...
The slider currently takes props like `position` and moves them to internal states. This is moslty fine but leads to edge cases as shown in https://github.com/nerdyman/react-compare-slider/issues/64. The state for the...
- [ ] Replace yarn with pnpm - [ ] Use Corepack and `packageManager` property in `package.json` to set version - [ ] Make `example` project a workspace so dependencies...
Add ability to disable the slider while still allowing `itemOne` and `itemTwo` to be interacted with. Disabled functionality should abide by a11y changes added in #65. Related issue: https://github.com/nerdyman/react-compare-slider/discussions/51
The main module is getting _pretty_ big. The logic for event handlers should be split into their own hooks where possible and moved to another file.
Since we're now using `clip-path` we can use `%` units instead of pixels. This may remove the need for the `ResizeObverser` in the main component as the percentage value will...
Movement is currently triggered on any mouse button, it should only fire on left click to allow right click to work as normal without the slider sticking to the mouse.
Bump line width in vscode config and prettier config to 120 and run prettier on entire repo.