Gathering detailed insights and metrics for meraki-slider
Gathering detailed insights and metrics for meraki-slider
Gathering detailed insights and metrics for meraki-slider
Gathering detailed insights and metrics for meraki-slider
npm install meraki-slider
58.5
Supply Chain
97.5
Quality
73.2
Maintenance
100
Vulnerability
99.3
License
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
2 Stars
204 Commits
7 Watching
8 Branches
2 Contributors
Updated on 20 Oct 2016
JavaScript (85.22%)
CSS (14.76%)
HTML (0.01%)
Cumulative downloads
Total Downloads
Last day
0%
1
Compared to previous day
Last week
0%
3
Compared to previous week
Last month
192.9%
41
Compared to previous month
Last year
-35.9%
481
Compared to previous year
4
meraki's fork of rc-slider, a react slider component
1var React = require('react'); 2var ReactDOM = require('react-dom'); 3var Merakislider = require('meraki-slider'); 4ReactDOM.render(<Merakislider />, container);
name | type | default | description |
---|---|---|---|
className | String | rc-slider | Additional css class for the root dom node |
min | number | 0 | The minimum value of the slider |
max | number | 100 | The maximum value of the slider |
marks | object {number: string} | {} | Mark on the slider. The key determines the position, and the value determines what will show. |
step | number or `null` | 1 | Value to be added or subtracted on each step the slider makes. Must be greater than zero. max - min should be evenly divisible by the step value. When `marks` is not an empty object, `step` can be set to `null`, to make marks as steps. |
range | boolean | false | Determines the type of slider. If range is `true`, two handles will be rendered in order to select a range. |
allowCross | boolean | true | When `range` is `true`, `allowCross` could be set as `true` to allow those two handles cross. |
defaultValue | number or [number, number] | 0 or [0, 0] | Set initial positions of handles. If range is `false`, the type of `defaultValue` should be `number`. Otherwise, `[number, number]` |
value | number or [number, number] | Set current positions of handles. If range is `false`, the type of `defaultValue` should be `number`. Otherwise, `[number, number]` | |
included | boolean | true | If the value is `true`, it means a continuous value interval, otherwise, it is a independent value. |
disabled | boolean | false | If `true`, handles can't be moved. |
tipTransitionName | string | '' | Set the animation for tooltip if it shows. |
tipFormatter | function or `null` | Format the value of the tooltip if it shows. If `null` the tooltip will always be hidden. | |
dots | bool | false | When the `step` value is greater than 1, you can set the `dots` to `true` if you want to render the slider with dots. |
onChange | function | NOOP | `onChange` will be triggered while the value of Slider changing. |
onAfterChange | function | NOOP | `onAfterChange` will be triggered when `ontouchend` or `onmouseup` is triggered. |
reverseSlide | function | NOOP | reverseSlide with tether a slider with a range on the right |
npm install
npm start
meraki-slider is released under the MIT license.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no SAST tool detected
Details
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
license file not detected
Details
Reason
branch protection not enabled on development/release branches
Details
Score
Last Scanned on 2024-11-18
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