> ## 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-select

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

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

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

Поля форм и элементы управления.

## Пример

```html theme={null}
<msm-select value="msm-select"></msm-select>
```

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

| Имя        | Тип          | По умолчанию | Примечания |
| ---------- | ------------ | ------------ | ---------- |
| `theme`    | string       | -            |            |
| `type`     | MenuItemType | -            |            |
| `value`    | string       | -            |            |
| `selected` | boolean      | -            |            |

## События

| Событие           | detail              | Когда |
| ----------------- | ------------------- | ----- |
| `msm-item-change` | `label`, `selected` |       |

### Пример

```html theme={null}
<msm-select value="msm-select">
</msm-select>

<script>
  const el = document.querySelector("msm-select");
  el.addEventListener("msm-item-change", (e) => {
    console.log(e.detail);
  });

</script>
```

## CSS parts

* `base`
* `label`
* `prefix`
* `suffix`

## Слоты

* `slot[name="prefix"]`
* `slot`
* `slot[name="suffix"]`

## Методы

* `validate()`

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

* Custom events bubble.