# ng-mat-toggle

> ## import

Latest version **0.1.4** (published 2021-08-17) · 0 weekly downloads

## Install

```sh
npm install ng-mat-toggle
pnpm add ng-mat-toggle
yarn add ng-mat-toggle
bun add ng-mat-toggle
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.4 |
| Published | 2021-08-17 |
| First published | 2021-08-17 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 13 |
| Unpacked size | 12.1 KB |
| Known vulnerabilities | 0 (+20 in 3 direct dependencies) |
| Install scripts | no |
| Maintainers | wasif786 |

## Links

- npm: https://www.npmjs.com/package/ng-mat-toggle
- npm.io page: https://npm.io/package/ng-mat-toggle

## Dependencies (13)

- [rxjs](https://npm.io/package/rxjs.md) ~6.6.0
- [tslib](https://npm.io/package/tslib.md) ^2.3.0
- [zone.js](https://npm.io/package/zone.js.md) ~0.11.4
- [@angular/cdk](https://npm.io/package/@angular/cdk.md) ^12.2.1
- [@angular/core](https://npm.io/package/@angular/core.md) ~12.2.0
- [@angular/forms](https://npm.io/package/@angular/forms.md) ~12.2.0
- [@angular/common](https://npm.io/package/@angular/common.md) ~12.2.0
- [@angular/router](https://npm.io/package/@angular/router.md) ~12.2.0
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ~12.2.0
- [@angular/material](https://npm.io/package/@angular/material.md) ^12.2.1
- [@angular/animations](https://npm.io/package/@angular/animations.md) ~12.2.0
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ~12.2.0
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ~12.2.0

## Recent versions

- 0.1.4 (latest) — 2021-08-17
- 0.1.3 — 2021-08-17
- 0.1.2 — 2021-08-17
- 0.0.2 — 2021-08-17
- 0.0.1 — 2021-08-17
- 0.0.0 — 2021-08-17

## README

# Angular Material Toggle

## import

    @NgModule({
      // ----
      imports: [
        // ----
        ToggleModule,
        // ----
      ],
      // ----
    })
    export class AppModule { }

## Use

### Reactive Forms

    <toggle [formControl]="control" [font-size]="'12px'" [data]="data"></toggle>

### Template Driven Forms

    <toggle [(ngModel)]="toggleValue" (ngModelChange)="getValue($event)" [font-size]="'12px'" [data]="data"></toggle>

### Data

    data: Array<IToggleItem> = [
      {
        title: 'Italic',
        value: 'italic'
      },
      {
        title: 'Bold',
        value: 'bold'
      },
      {
        title: 'Underline',
        value: 'underline'
      },
    ]

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