---
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'}}" />
```