--- title: IdentifierResult tags: UI reference --- # IdentifierResult This component renders the ID of a result and highlights the part of the ID that matches the query being entered in the search input. IMPORTANT: The SKU Search service must be implemented. ## Props | Name | Description | Type | Default | | --------- | ------------------------------- | -------- | ------- | | `result` | _Required_. Result information | `Result` | None | ## Methods None ## Slots None ## Events None ## See it in action ::: warning Backend service required To use this component, the <b>SKU Search</b> service must be implemented. ::: This example uses “a0213531” as a product ID. The ID is passed to `IdentifierResult`, so when you type the ID in the [search input](../search-box/search-input.md), it renders the `IdentifierResult` and shows the matching part in bold. _Type “a0213531” in the search input and see how the list of results is updated as you type the query._ ```vue live <SearchInput></SearchInput> <IdentifierResult :result="{identifier:{value:'a0213531'}}" /> ```