HomeVendure CoreShow hidden breadcrumbs...ComponentsProductVariantSelectorComponentOn this pageProductVariantSelectorComponent@vendure/admin-uiSource 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> Signatureclass 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$propertysearchLoadingpropertysearchResults$propertyObservable<ProductSelectorSearchQuery['search']['items']>productSelectedpropertyngOnInitmethod() => voidselectResultmethod(product?: ProductSelectorSearchQuery['search']['items'][number]) => Was this chapter helpful?It was helpfulIt wasn't helpfulReport IssuePreviousOrderStateLabelComponentNextRichTextEditorComponentEdited Apr 20, 2026ยทEdit this page