| Task | Location |
|---|---|
| Circular Progressbar | src/components/splide.tsx |
| Event Handling | src/components/splide.tsx and Official Documentation |
| Import Issue Solution | Pull Request |
| Temporary Import Solution | src/vite-env.d.ts |
current project node version 21.16.1 [checkout .nvmrc].
git clone https://github.com/vishalvxhztl/Splide-POC.git
cd Splide-POCif you have nvm install use this command to set node env or install node in your machine.
nvm usenpm installor
pnpm installnpm run devor
pnpm run devnpm run build
npm run previewFor smooth sailing with React Splide, let's understand the event handling process.
Each splide js event is at your fingertips in react-splide. Just remember to use the on prefix and camelCase the event name.
autoplay:playing -> onAutoplayPlaying
// The first parameter is the event, and the rest of the data can be found in the documentation mentioned above.
onAutoplayPlaying={(event, rate) => {
console.log(rate); // Ranges from 0 to 1
}}React Splide and Splide JS Activity Status Discussions
My last checkout date [29/01/2023] 🗓️