# `m-select`

A select component allows users to choose a single option from a predefined list within a native dropdown menu. It helps simplify input by displaying only relevant choices, reducing the need for manual text entry. Select components are commonly used in forms, settings, and filters where structured selection is required.

## Props

| Name | Description | Type | Default |
|------|-------------|------|---------|
| `id*` | A unique identifier for the select, used to associate the label with the form element. | `string` |   |
| `name` | The name attribute for the select element, used for form submission. | `string` |   |
| `options*` | Define the available choices for the select element. | `Array<{ id?: string; text: string; value: string` `number; disabled?: boolean; }>` |   |
| `value` | The current value of the select. | `string` `number` | `$bindable()` |
| `placeholder` | Text displayed when the select has no selected value. | `string` |   |
| `isinvalid` | If `true`, the select is marked as invalid. | `boolean` |   |
| `disabled` | If `true`, the select is disabled and non-interactive. | `boolean` |   |
| `size` | Determines the size of the select. | `'s'` `'m'` | `m` |
| `readonly` | If `true`, the select is read-only (cannot be edited). | `boolean` |   |

