# ez-search-result-list



<!-- Auto Generated Below -->


## Properties

| Property          | Attribute           | Description | Type                | Default     |
| ----------------- | ------------------- | ----------- | ------------------- | ----------- |
| `showLoading`     | `show-loading`      |             | `boolean`           | `undefined` |
| `showOptionValue` | `show-option-value` |             | `boolean`           | `true`      |
| `value`           | `value`             |             | `IOption \| string` | `undefined` |
| `visibleOptions`  | --                  |             | `IOption[]`         | `[]`        |


## Events

| Event         | Description | Type                   |
| ------------- | ----------- | ---------------------- |
| `changeValue` |             | `CustomEvent<IOption>` |


## Methods

### `cancelSelection() => Promise<void>`



#### Returns

Type: `Promise<void>`

---

### `nextOption() => Promise<void>`



#### Returns

Type: `Promise<void>`

---

### `previousOption() => Promise<void>`



#### Returns

Type: `Promise<void>`

---

### `selectCurrentItem() => Promise<void>`



#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [ez-search-plus](../..)

### Depends on

- [ez-card-item](../../../ez-card-item)
- [ez-skeleton](../../../ez-skeleton)

### Graph
```mermaid
graph TD;
  ez-search-result-list --> ez-card-item
  ez-search-result-list --> ez-skeleton
  ez-search-plus --> ez-search-result-list
  style ez-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------