--- title: "ProductVariantSelectorComponent" isDefaultIndex: false generated: true --- import MemberInfo from '@site/src/components/MemberInfo'; import GenerationInfo from '@site/src/components/GenerationInfo'; import MemberDescription from '@site/src/components/MemberDescription'; ## ProductVariantSelectorComponent A component for selecting product variants via an autocomplete-style select input. *Example* ```HTML ``` ```ts title="Signature" class ProductVariantSelectorComponent implements OnInit { searchInput$ = new Subject(); searchLoading = false; searchResults$: Observable; @Output() productSelected = new EventEmitter(); constructor(dataService: DataService) ngOnInit() => void; selectResult(product?: ProductSelectorSearchQuery['search']['items'][number]) => ; } ``` * Implements: OnInit
### searchInput$ ### searchLoading ### searchResults$ ### productSelected ### constructor DataService) => ProductVariantSelectorComponent`} /> ### ngOnInit void`} /> ### selectResult `} />