MultiSelect: Nettalco Theme Design Tokens

<!-- Basic multi-select -->
<p-multiselect
  [(ngModel)]="selectedCities"
  [options]="cities"
  optionLabel="name"
  placeholder="Select Cities"
/>

<!-- With filter and select all -->
<p-multiselect
  [(ngModel)]="selectedItems"
  [options]="items"
  optionLabel="label"
  [filter]="true"
  [showToggleAll]="true"
  placeholder="Choose items"
/>

<!-- Chip display -->
<p-multiselect
  [(ngModel)]="selectedTags"
  [options]="tags"
  display="chip"
  placeholder="Add tags"
/>

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { MultiSelectModule } from 'primeng/multiselect';

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [MultiSelectModule, FormsModule],
  templateUrl: './example.component.html'
})
export class ExampleComponent {
  selectedCities: any[] = [];
  cities = [
    { name: 'New York', code: 'NY' },
    { name: 'London', code: 'LDN' },
    { name: 'Tokyo', code: 'TKY' }
  ];
}