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.4.2 to 0.4.3

2

dist/js/components/Splide.js

@@ -107,3 +107,3 @@ "use strict";

value: function componentDidUpdate() {
this.remount();
this.splide.refresh();
}

@@ -110,0 +110,0 @@ /**

{
"name": "@splidejs/react-splide",
"version": "0.4.2",
"version": "0.4.3",
"description": "The Splide component for React.",

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

"dependencies": {
"@splidejs/splide": "^2.4.5"
"@splidejs/splide": "^2.4.9"
},
"devDependencies": {
"@babel/cli": "^7.10.3",
"@babel/core": "^7.10.3",
"@babel/preset-env": "^7.10.3",
"@babel/preset-react": "^7.10.1",
"@babel/cli": "^7.10.5",
"@babel/core": "^7.10.5",
"@babel/preset-env": "^7.10.4",
"@babel/preset-react": "^7.10.4",
"babel-loader": "^8.1.0",

@@ -45,3 +45,3 @@ "css-loader": "^3.6.0",

"react-dom": "^16.13.1",
"sass-loader": "^8.0.2",
"sass-loader": "^9.0.2",
"serialize-javascript": "^4.0.0",

@@ -48,0 +48,0 @@ "style-loader": "^1.2.1",

@@ -64,5 +64,5 @@ <p align="center">

## 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 without colons. 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, "arrows:mounted" will be "onArrowsMounted".
```javascript
<Splide onArrowMounted={ ( splide, prev, next ) => { console.log( prev, next ) } }>
<Splide onArrowsMounted={ ( splide, prev, next ) => { console.log( prev, next ) } }>
```

@@ -69,0 +69,0 @@ Note that the first argument is the splide instance, meaning original arguments are shifted by one.

@@ -58,3 +58,3 @@ /**

componentDidUpdate() {
this.remount();
this.splide.refresh();
}

@@ -61,0 +61,0 @@

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