Skip to main content

ProductVariantSelectorComponent

A component for selecting product variants via an autocomplete-style select input.

Example

HTML
<vdr-product-variant-selector  (productSelected)="selectResult($event)"></vdr-product-variant-selector>
Signature
class ProductVariantSelectorComponent implements OnInit {    searchInput$ = new Subject<string>();    searchLoading = false;    searchResults$: Observable<ProductSelectorSearchQuery['search']['items']>;    @Output() productSelected = new EventEmitter<ProductSelectorSearchQuery['search']['items'][number]>();    constructor(dataService: DataService)    ngOnInit() => void;    selectResult(product?: ProductSelectorSearchQuery['search']['items'][number]) => ;}
  • Implements: OnInit

searchInput$

property

searchLoading

property

searchResults$

propertyObservable<ProductSelectorSearchQuery['search']['items']>

productSelected

property

constructor

method(dataService: DataService) => ProductVariantSelectorComponent

ngOnInit

method() => void

selectResult

method(product?: ProductSelectorSearchQuery['search']['items'][number]) =>
Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page