Listbox: Nettalco Theme Design Tokens

<!-- Basic listbox -->
<p-listbox
  [(ngModel)]="selectedCity"
  [options]="cities"
  optionLabel="name"
/>

<!-- Multi-select listbox -->
<p-listbox
  [(ngModel)]="selectedCities"
  [options]="cities"
  optionLabel="name"
  [multiple]="true"
  [checkbox]="true"
/>

<!-- With filter -->
<p-listbox
  [(ngModel)]="selectedItem"
  [options]="items"
  optionLabel="label"
  [filter]="true"
  filterPlaceholder="Search..."
/>

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { ListboxModule } from 'primeng/listbox';

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