Select: Nettalco Theme Design Tokens

<!-- Basic select -->
<p-select
  [(ngModel)]="selectedCity"
  [options]="cities"
  optionLabel="name"
  placeholder="Select a City"
/>

<!-- With filter -->
<p-select
  [(ngModel)]="selectedCountry"
  [options]="countries"
  optionLabel="name"
  [filter]="true"
  filterPlaceholder="Search..."
  placeholder="Select a Country"
/>

<!-- With clear button -->
<p-select
  [(ngModel)]="selectedItem"
  [options]="items"
  optionLabel="label"
  [showClear]="true"
  placeholder="Choose one"
/>

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { SelectModule } from 'primeng/select';

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