# deru-switcher

> Vue Switcher

Latest version **1.0.10** (published 2021-11-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install deru-switcher
pnpm add deru-switcher
yarn add deru-switcher
bun add deru-switcher
```

## 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.10 |
| Published | 2021-11-27 |
| First published | 2021-11-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | deruino |
| Maintainers | deruino |
| Keywords | vue, switcher |

## Links

- npm: https://www.npmjs.com/package/deru-switcher
- npm.io page: https://npm.io/package/deru-switcher

## Recent versions

- 1.0.10 (latest) — 2021-11-27
- 1.0.9 — 2021-11-27
- 1.0.8 — 2021-11-24
- 1.0.7 — 2021-11-24
- 1.0.6 — 2021-11-24
- 1.0.5 — 2021-11-23
- 1.0.4 — 2021-11-23
- 1.0.3 — 2021-11-23
- 1.0.2 — 2021-11-23
- 1.0.1 — 2021-11-23

## README

# Vue Switcher

A Vue.js component for easy switchers with custom themes.

![deru-switcher](https://a.radikal.ru/a24/2111/34/00efc8d91ca1.jpg)

[DEMO](https://deruwork.ru)
## Installation

```
npm i deru-switcher --save
```

## How Usage?

#### local component usage
```javascript
import DeruSwitcher from 'deru-switcher';  
  
new Vue({
 
    components: {
        Switches
    },
 
    data () {
        return {
            enabled: false
        }
    }
};
```

```javascript
<deru-switcher v-model="enabled"></deru-switcher>
```

#### global component usage (for example: in main.js)
```javascript
import DeruSwitcher from 'deru-switcher';

Vue.component('deru-switcher', DeruSwitcher);
```

```javascript
<deru-switcher v-model="enabled"></deru-switcher>
```

## Props

| Prop | type | Description |
| ---- | ------------| ---- |
| disabled | `Boolean` | Disabling switcher |
| theme | `String` | Name of theme (default, dark) |
| color | `String` | Name of color (default, blue, green, red, orange, yellow) |

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