input switch

src/app/components/settings/settings.component.html

@@ -1,4 +1,5 @@
 <div class="card">
-    <p-selectButton [options]="stateOptions" [(ngModel)]="value" (ngModelChange)="particlesChanged($event)"
-        optionLabel="label" optionValue="value"></p-selectButton>
+    <h5>Background Particles </h5>
+    <p-inputSwitch [(ngModel)]="value" (ngModelChange)="particlesChanged($event)" optionLabel="label"
+        optionValue="value"></p-inputSwitch>
 </div>

src/prime-ng.module.ts

@@ -13,6 +13,7 @@ import { DropdownModule } from 'primeng/dropdown';
 import { DynamicDialogModule } from 'primeng/dynamicdialog';
 import { FieldsetModule } from 'primeng/fieldset';
 import { InputNumberModule } from 'primeng/inputnumber';
+import { InputSwitchModule } from 'primeng/inputswitch';
 import { InputTextModule } from 'primeng/inputtext';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import { MenuModule } from 'primeng/menu';
@@ -29,7 +30,6 @@ import { ToastModule } from 'primeng/toast';
 
 
 
-
 export const primeNgServices = [
     MessageService,
     ConfirmationService
@@ -61,7 +61,8 @@ const primeNgModules = [
     TagModule,
     StyleClassModule,
     PanelModule,
-    SelectButtonModule
+    SelectButtonModule,
+    InputSwitchModule
 ];