> ## 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-Komponente msm-search-card.

`msm-search-card` ist eine Web-Komponente (Lit).

## Zweck

UI für Suche (Eingabe, Filter, Ergebnisse, Pagination).

## Beispiel

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

## Attribute / Properties

| Name                    | Typ     | Standard | Hinweise |
| ----------------------- | ------- | -------- | -------- |
| `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 | -        |          |

## Events

| Event                     | detail | Wann |
| ------------------------- | ------ | ---- |
| `msm-search-card-deleted` | `item` |      |

### Beispiel

```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

Keine `part`-Slots dokumentiert.

## Slots

Keine Slots dokumentiert.

## Methoden

Keine öffentlichen Methoden dokumentiert.

## Hinweise

* Custom events bubble.