# search-list



<!-- Auto Generated Below -->


## Properties

| Property             | Attribute               | Description | Type                | Default     |
| -------------------- | ----------------------- | ----------- | ------------------- | ----------- |
| `canShowListOptions` | `can-show-list-options` |             | `boolean`           | `undefined` |
| `preSelection`       | `pre-selection`         |             | `number`            | `undefined` |
| `showLoading`        | `show-loading`          |             | `boolean`           | `undefined` |
| `showOptionValue`    | `show-option-value`     |             | `boolean`           | `true`      |
| `textEmptyList`      | `text-empty-list`       |             | `string`            | `undefined` |
| `value`              | `value`                 |             | `IOption \| string` | `undefined` |
| `visibleOptions`     | --                      |             | `IOption[]`         | `[]`        |


## Events

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


## Methods

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



#### Returns

Type: `Promise<void>`

---

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



#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

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

### Depends on

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

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

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