Socket
Socket
Sign inDemoInstall

@splidejs/react-splide

Package Overview
Dependencies
Maintainers
1
Versions
48
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@splidejs/react-splide - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

5

dist/js/components/Splide.js

@@ -54,4 +54,5 @@ "use strict";

* @param {string} props.className - Optional. Additional class name for the root element.
* @param {boolean} props.hasAutoplayProgress - Optional. Whether to render progress bar for autoplay or not.
* @param {boolean} props.hasAutoplayControls - Optional. Whether to render play/pause button for autoplay or not.
* @param {boolean} props.hasSliderWrapper - Optional. Whether to wrap a track by a slider element.
* @param {boolean} props.hasAutoplayProgress - Optional. Whether to render progress bar for autoplay.
* @param {boolean} props.hasAutoplayControls - Optional. Whether to render play/pause button for autoplay.
* @param {string} props.playButtonLabel - Optional. The label for the play button.

@@ -58,0 +59,0 @@ * @param {string} props.pauseButtonLabel - Optional. The label for the pause button.

11

package.json
{
"name": "@splidejs/react-splide",
"version": "0.3.0",
"version": "0.3.1",
"description": "The Splide component for React.",

@@ -30,8 +30,8 @@ "author": "Naotoshi Fujita",

"dependencies": {
"@splidejs/splide": "^2.3.5"
"@splidejs/splide": "^2.3.8"
},
"devDependencies": {
"@babel/cli": "^7.10.1",
"@babel/core": "^7.10.1",
"@babel/preset-env": "^7.10.1",
"@babel/core": "^7.10.2",
"@babel/preset-env": "^7.10.2",
"@babel/preset-react": "^7.10.1",

@@ -54,5 +54,4 @@ "babel-loader": "^8.1.0",

"deploy": "gh-pages -d examples/dist",
"transpile": "babel src/js -d dist/js --copy-files",
"publish": "npm publish"
"transpile": "babel src/js -d dist/js --copy-files"
}
}

@@ -13,3 +13,4 @@ <p align="center">

* [Document](https://splidejs.com/integration-react-splide/)
* [Splide](https://github.com/Splidejs/splide)
* [Splide Demos](https://splidejs.com/)
* [Working Examples](https://splidejs.github.io/react-splide/)

@@ -64,3 +65,3 @@ ## Installation

## Listening to Events
You can listen to all [Splide events](https://splidejs.com/events/) through the `Splide` component. The callback function name is generated by the original event name, adding an "on" prefix, converted to the camelcase and removed semicolon. For example, "arrow:mounted" will be "onArrowMounted".
You can listen to all [Splide events](https://splidejs.com/events/) through the `Splide` component. The callback function name is generated by the original event name, adding an "on" prefix, converted to the camelcase without colons. For example, "arrow:mounted" will be "onArrowMounted".
```javascript

@@ -100,6 +101,6 @@ <Splide onArrowMounted={ ( splide, prev, next ) => { console.log( prev, next ) } }>

More examples:
* [Basic example](https://github.com/Splidejs/react-splide/blob/master/src/js/examples/BasicExample.jsx)
* [Autoplay](https://github.com/Splidejs/react-splide/blob/master/src/js/examples/AutoplayExample.jsx)
* [Thumbnails](https://github.com/Splidejs/react-splide/blob/master/src/js/examples/ThumbnailsExample.jsx)
* [Dynamic slides](https://github.com/Splidejs/react-splide/blob/master/src/js/examples/DynamicSlidesExample.jsx)
* [Basic example](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/BasicExample.jsx)
* [Autoplay](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/AutoplayExample.jsx)
* [Thumbnails](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/ThumbnailsExample.jsx)
* [Dynamic slides](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/DynamicSlidesExample.jsx)

@@ -106,0 +107,0 @@ ## License

@@ -23,4 +23,5 @@ /**

* @param {string} props.className - Optional. Additional class name for the root element.
* @param {boolean} props.hasAutoplayProgress - Optional. Whether to render progress bar for autoplay or not.
* @param {boolean} props.hasAutoplayControls - Optional. Whether to render play/pause button for autoplay or not.
* @param {boolean} props.hasSliderWrapper - Optional. Whether to wrap a track by a slider element.
* @param {boolean} props.hasAutoplayProgress - Optional. Whether to render progress bar for autoplay.
* @param {boolean} props.hasAutoplayControls - Optional. Whether to render play/pause button for autoplay.
* @param {string} props.playButtonLabel - Optional. The label for the play button.

@@ -27,0 +28,0 @@ * @param {string} props.pauseButtonLabel - Optional. The label for the pause button.

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc