> ## 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-компонент msm-data-collection.

`msm-data-collection` — web-компонент на Lit.

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

Переиспользуемый UI-блок.

## Пример

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

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

| Имя       | Тип    | По умолчанию | Примечания |
| --------- | ------ | ------------ | ---------- |
| `variant` | string | -            |            |

## События

| Событие             | detail                   | Когда |
| ------------------- | ------------------------ | ----- |
| `msm-array-updated` | `items`, `itemsAsString` |       |

### Пример

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

## Слоты

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

## Методы

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

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

* Custom events bubble.