---
# System prepended metadata

title: IdentifierResult
tags: [UI reference]

---

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