> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mastermindcms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# msm-search-card

> Web-компонент msm-search-card.

`msm-search-card` — web-компонент на Lit.

## Назначение

UI для поиска (ввод, фильтры, результаты, пагинация).

## Пример

```html theme={null}
<msm-search-card></msm-search-card>
```

## Атрибуты / свойства

| Имя                     | Тип     | По умолчанию | Примечания |
| ----------------------- | ------- | ------------ | ---------- |
| `type`                  | string  | -            |            |
| `loading`               | boolean | -            |            |
| `seller-sku-id`         | string  | -            |            |
| `discount-price-id`     | string  | -            |            |
| `filtered-features`     | string  | -            |            |
| `item`                  | object  | -            |            |
| `theme`                 | string  | -            |            |
| `add-to-cart-icon`      | string  | -            |            |
| `remove-from-cart-icon` | string  | -            |            |
| `favorites`             | boolean | -            |            |
| `favorite-icon`         | string  | -            |            |
| `background-color`      | string  | -            |            |
| `object-fit`            | string  | -            |            |
| `border-color`          | string  | -            |            |
| `border-width`          | string  | -            |            |
| `border-style`          | string  | -            |            |
| `border-radius`         | string  | -            |            |
| `data-view-href`        | string  | -            |            |
| `deletable`             | boolean | -            |            |
| `viewable`              | boolean | -            |            |

## События

| Событие                   | detail | Когда |
| ------------------------- | ------ | ----- |
| `msm-search-card-deleted` | `item` |       |

### Пример

```html theme={null}
<msm-search-card>
</msm-search-card>

<script>
  const el = document.querySelector("msm-search-card");
  el.addEventListener("msm-search-card-deleted", (e) => {
    console.log(e.detail);
  });

</script>
```

## CSS parts

Документированных `part`-слотов нет.

## Слоты

Документированных слотов нет.

## Методы

Публичные методы не документированы.

## Примечания

* Custom events bubble.