# v-slide-toggle

> vue slide toggle directive

Latest version **1.0.3** (published 2019-09-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install v-slide-toggle
pnpm add v-slide-toggle
yarn add v-slide-toggle
bun add v-slide-toggle
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-09-05 |
| First published | 2019-09-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 8.3 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | FuQiang |
| Maintainers | maxlasting |
| Keywords | vue, slide, toggle, directive |

## Links

- npm: https://www.npmjs.com/package/v-slide-toggle
- Repository: https://github.com/Maxlasting/v-slide-toggle
- Homepage: https://github.com/Maxlasting/v-slide-toggle#readme
- Issues: https://github.com/Maxlasting/v-slide-toggle/issues
- npm.io page: https://npm.io/package/v-slide-toggle

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.6.10
- [@babel/runtime-corejs3](https://npm.io/package/@babel/runtime-corejs3.md) ^7.5.5

## 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

- 1.0.3 (latest) — 2019-09-05
- 1.0.2 — 2019-09-05
- 1.0.1 — 2019-09-05
- 1.0.0 — 2019-09-05

## README

# v-slider-toggle

---

## Install:

```
npm i -S v-slide-toggle
```

## Introduction

Like the jquery's `slideToggle()`.

![img](https://s2.ax1x.com/2019/09/05/nninln.gif)

## How to use

```js
<button v-st="{ ele: '#slideToggle', d: 150 }"></button>

<div id="slideToggle">
  ...
</div>


<script>
import { $slideToggle } from 'v-slide-toggle'

export default {
  directives: {
    st: $slideToggle
  },
}
</script>

// or global use
import slideToggle from 'v-slide-toggle'

Vue.use(slideToggle)
```

## Options

- ele: className or id
- d: the animation's duration (ms)
- fx: move's function, default is linear: (t, b, c, d) => c / d * t + b

Thanks to use!

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