Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@maslick/radiaslider

Package Overview
Dependencies
Maintainers
1
Versions
43
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@maslick/radiaslider - npm Package Compare versions

Comparing version 1.0.3 to 1.1.0

index.js

2

package.json
{
"name": "@maslick/radiaslider",
"version": "1.0.3",
"version": "1.1.0",
"description": "nice looking canvas-based radial and linear slider",

@@ -5,0 +5,0 @@ "main": "index.js",

# =radiaSlider=
[![npm (scoped)](https://img.shields.io/npm/v/@maslick/radiaslider.svg)](https://www.npmjs.com/package/@maslick/radiaslider)
[![npm bundle size (minified)](https://img.shields.io/badge/minified-6Kb-green.svg)](https://www.npmjs.com/package/@maslick/radiaslider)
[![npm no dependencies](https://img.shields.io/badge/dependencies-none-green.svg)](https://www.npmjs.com/package/@maslick/radiaslider)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

@@ -8,6 +10,7 @@ a simple pure JavaScript circular/linear knob-style slider

```
* works on desktop, mobile and tablets
* minified ~6 Kb
* pure JavaScript (ECMAScript 5.1)
* no dependencies
```

@@ -19,3 +22,9 @@

### quickstart
## Demo
[Circular](http://maslick.neocities.org/slider-circular/) / [linear](http://maslick.neocities.org/slider-linear/)
## Quickstart
- create a canvas and the value field

@@ -26,9 +35,10 @@ ```

```
#### circular
### Circular slider
- import js
```
```js
<script src="slider-circular.min.js"></script>
```
- initialize a slider
```
```js
<script>

@@ -50,3 +60,4 @@ var slider = new Slider({canvasId: "myCanvas", continuousMode: true, x0: 150, y0: 150});

#### linear
### Linear slider
- import js

@@ -57,3 +68,3 @@ ```

- initialize a slider
```
```js
<script>

@@ -78,10 +89,8 @@ var slider = new Slider({canvasId: "myCanvas", continuousMode: true, vertical: false});

- if you want to change the value programmatically, use:
```
```js
slider.setSliderValue(<sliderId>, <value>);
```
### demo
## License
http://maslick.neocities.org/slider-circular/
http://maslick.neocities.org/slider-linear/
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).
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