> ## 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-data-collection

> Web-Komponente msm-data-collection.

`msm-data-collection` ist eine Web-Komponente (Lit).

## Zweck

Wiederverwendbarer UI-Baustein.

## Beispiel

```html theme={null}
<msm-data-collection></msm-data-collection>
```

## Attribute / Properties

| Name      | Typ    | Standard | Hinweise |
| --------- | ------ | -------- | -------- |
| `variant` | string | -        |          |

## Events

| Event               | detail                   | Wann |
| ------------------- | ------------------------ | ---- |
| `msm-array-updated` | `items`, `itemsAsString` |      |

### Beispiel

```html theme={null}
<msm-data-collection>
</msm-data-collection>

<script>
  const el = document.querySelector("msm-data-collection");
  el.addEventListener("msm-array-updated", (e) => {
    console.log(e.detail);
  });

</script>
```

## CSS parts

* `base`
* `frame`
* `helper`
* `label`

## Slots

Keine Slots dokumentiert.

## Methoden

Keine öffentlichen Methoden dokumentiert.

## Hinweise

* Custom events bubble.