Gathering detailed insights and metrics for tiny-slider-react-wrapper
Gathering detailed insights and metrics for tiny-slider-react-wrapper
Installations
npm install tiny-slider-react-wrapperDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
10.13.0
NPM Version
6.4.1
Releases
Unable to fetch releases
Languages
1
JavaScript
JavaScript (100%)
Developer
ferblacklion
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
41 Commits
3 Branches
1 Contributors
Updated on Mar 17, 2020
Maintainers
1
Package Meta Information
Latest Version
0.4.3
Package Id
tiny-slider-react-wrapper@0.4.3
Unpacked Size
288.06 kB
Size
102.01 kB
File Count
12
NPM Version
6.4.1
Node Version
10.13.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Dev Dependencies
21
@babel/cli@babel/core@babel/preset-env@babel/preset-reactbabel-eslintbabel-jestbabel-plugin-transform-object-rest-spreadbabel-preset-es2015babel-preset-reactenzymeenzyme-adapter-react-16eslinteslint-plugin-importeslint-plugin-jsx-a11yeslint-plugin-reacteslint-watchjestprop-typesreactreact-domreact-test-renderer
tiny-slider-react
This is a fork of [tiny-slider-react] (https://github.com/jechav/tiny-slider-react) Original plugin tiny-slider
UPDATED: Removed call to componentWillReceiveProps
props
| prop | decription |
|---|---|
| settings | options slider |
| onClick | callback to return slide clicked (slideClicked, info, event) |
| startIndex | index of carousel initiation |
| onIndexChanged | event bind |
| onTransitionStart | event bind |
| onTransitionEnd | event bind |
| onTouchStart | event bind |
| onTouchMove | event bind |
| onTouchEnd | event bind |
1import TinySliderWrapper from "tiny-slider-react-wrapper"; 2 3const settings = { 4 lazyload: true, 5 nav: false, 6 mouseDrag: true 7}; 8 9<TinySliderWrapper settings={settings}> 10 {imgs.map((el, index) => ( 11 <div key={index} style={{ position: "relative" }}> 12 <img 13 className={`tns-lazy-img`} 14 src={loadingImage} 15 data-src={el} 16 alt="" 17 style={imgStyles} 18 /> 19 </div> 20 ))} 21</TinySliderWrapper>
How to use external buttons for prev & next
1const settings = { 2 lazyload: true, 3 nav: false, 4 mouseDrag: true, 5 controls: false // remove built-in nav buttons 6}
Add onClick for your buttons:
1<button type="button" onClick={() => this.onGoTo('prev')}>Previous</button> 2<button type="button" onClick={() => this.onGoTo('next')}>Next</button>
Add the handler on your component:
1onGoTo = dir => this.ts.slider.goTo(dir)
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 0/27 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 4 are checked with a SAST tool
Reason
42 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
- Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
- Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
- Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
- Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
- Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
- Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
- Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp
Score
1.3
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More