ng-mat-toggle

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'
  },
]