# v-paper-slider

> A Material Design slider on vertical mode

Latest version **0.0.4** (published 2019-07-17) · 0 weekly downloads

## Install

```sh
npm install v-paper-slider
pnpm add v-paper-slider
yarn add v-paper-slider
bun add v-paper-slider
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2019-07-17 |
| First published | 2019-07-17 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 12.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Mahdi Ridho |
| Maintainers | mahdiiridho |
| Keywords | slider, vertical slider, paper-slider, vertical paper-slider |

## Links

- npm: https://www.npmjs.com/package/v-paper-slider
- Repository: https://github.com/mahdiridho/funlibraries
- Homepage: https://github.com/mahdiridho/funlibraries#readme
- Issues: https://github.com/mahdiridho/funlibraries/issues
- npm.io page: https://npm.io/package/v-paper-slider

## Dependencies (1)

- [@polymer/polymer](https://npm.io/package/@polymer/polymer.md) ^3.0.0

## Alternatives

- [adhdev](https://npm.io/package/adhdev.md) — 11.1K weekly downloads
- [react-slide-button](https://npm.io/package/react-slide-button.md) — 310 weekly downloads
- [better](https://npm.io/package/better.md) — 42 weekly downloads
- [react-native-swipe-image](https://npm.io/package/react-native-swipe-image.md) — 22 weekly downloads
- [nl.fokkezb.pulltorefresh](https://npm.io/package/nl.fokkezb.pulltorefresh.md) — 11 weekly downloads

## Recent versions

- 0.0.4 (latest) — 2019-07-17
- 0.0.3 — 2019-07-17
- 0.0.2 — 2019-07-17
- 0.0.1 — 2019-07-17

## README

# \<v-paper-slider\>

A Material Design slider on vertical mode

## Installation

npm i v-paper-slider

## How to instantiate the element

```
<v-paper-slider 
	s-width="SLIDER_SIZE" 
	s-right="SLIDER_RIGHT_MARGIN" 
	s-left="SLIDER_LEFT_MARGIN" 
	s-background-color="SLIDER_BACKGROUND_COLOR" 
	slider-value="SLIDER_DEFAULT_VALUE" 
	slider-min="SLIDER_MINIMUM_VALUE" 
	slider-max="SLIDER_MAXIMUM_VALUE" 
	slider-step="SLIDER_STEP_VALUE">
</v-paper-slider>
```

## Properties

```
s-width : Slider size in pixel
s-right : Slider right margin in pixel
s-left : Slider left margin in pixel
s-background-color : Slider background color (i.e #ff00aa || blue)
slider-value : Default value of the slider can be integer or float (i.e 25 || 63.225)
slider-min : Minimal value of the Slider can be integer or float (i.e 25 || 10.5)
slider-max : Maximal value of the Slider can be integer or float (i.e 80 || 70.5)
slider-step : Step value of the Slider can be integer or float (i.e 1 || 1.2)
```

---
_Source: https://npm.io/package/v-paper-slider · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._