react-compare-slider
react-compare-slider copied to clipboard
A slider component to compare any two React components in landscape or portrait orientation. It supports custom images, videos... and everything else.
The library currently uses `mouse` _and_ `touch` event bindings from V1 when IE11 was supported. All currently targeted browsers support `pointer` events so they should be used instead. See https://github.com/nerdyman/react-compare-slider/commit/5c84c5c7334dd2724d12a4c6e0eba043dd6aa687...
- [ ] Update `.nvmrc` to use Node 18 LTS - [ ] Update actions to use node set up action - [ ] Update actions to use `.nvmrc`
There are edge cases where the position is not respected on mount when it is either `0` or `100` https://github.com/nerdyman/react-compare-slider/issues/37 This was resolved by adding the `didSyncBounds` logic it should...
Change default branch from `master` to `main` and delete `master` branch. Need to check if npm and codecov require any changes to pick this up.
Look at Semantic release bot to automatically bump package version on merge to main.
TSDX is no longer maintained and abstracts too much of the config away.
CJS isn't needed anymore. We only need to publish a standard minified `.mjs` version of the library. - [ ] Update `package.json` to use module fields - [ ] Set...
Try sourcing the base image stories from the `example` folder so the example folder can be opened in Codesandbox but still get coverage from Storybook.
See https://github.com/nerdyman/react-compare-slider/pull/67 for prior work.