# ang-slide-toggle

> This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.13.

Latest version **0.0.2** (published 2019-11-07) · ISC license · 0 weekly downloads

## Install

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

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2019-11-07 |
| First published | 2019-11-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 50.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | https://github.com/orahul1 |
| Maintainers | itsmeloop |
| Keywords | angular, angular, toggle, slider, toggle, angular, 8, toggle, angular, material, toggle |

## Links

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

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.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.2 (latest) — 2019-11-07
- 0.0.1 — 2019-11-07

## README

# Angular 8+ slider toggle

![alt text](https://i.ibb.co/QpgC7jd/toggles.jpg)

## Getting Started


### Installation

- Install the package :
    `npm install ang-slider-toggle --save`


### Usage

Import `AngSlideToggleModule` into `NgModule` in `app.module.ts`. `CommonModule` is also required.
```js


import { AngSlideToggleModule } from 'ang-slider-toggle';
import { CommonModule } from '@angular/common';

@NgModule({
  // ...
  imports: [
    AngSlideToggleModule,
    CommonModule
  ]
  // ...
})
```


Add the following component tag in you template

```html
<ang-slider-toggle [sliderSettings]='settings' [checked]="true" [disabled]="false"></ang-slider-toggle>
```

settings

```js
 settings = {
    barCheckedBgColor: '#beebe9',
    sliderCheckedColor: '#3fc5f0',
    barUncheckedBgColor: '#ded5d5',
    sliderUncheckedColor: '#bdbdbd'
  }
```
or

```html
<ang-slider-toggle 
barCheckedBgColor="#beebe9" 
sliderCheckedColor="#3fc5f0"
barUncheckedBgColor="#ded5d5",
sliderUncheckedColor="#bdbdbd"
[checked]="true" 
[disabled]="false">
</ang-slider-toggle>
```

## Run locally
- Clone the repository or downlod the .zip,.tar files.
- Run `npm install`
- Run `ng serve` for a dev server
- Navigate to `http://localhost:4200/`

## License
free to use on any purpose.

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