# `Noora.Select`

A select dropdown component for choosing from a list of options.

## Example

```elixir
<.select id="country" label="Select Country" name="country" value="us">
  <:item value="us" label="United States" icon="flag" />
  <:item value="ca" label="Canada" icon="flag" />
  <:item value="uk" label="United Kingdom" icon="flag" />
</.select>
```

# `select`

## Attributes

* `id` (`:string`) (required) - Unique identifier for the dropdown component.
* `label` (`:string`) (required) - Main text displayed in the dropdown trigger.
* `field` (`Phoenix.HTML.FormField`) - A Phoenix form field.
* `name` (`:string`) - The name attribute for the select input.
* `value` (`:string`) - The currently selected value. Defaults to `nil`.
* `hint` (`:string`) - Hint text for the dropdown. Defaults to `nil`.
* `disabled` (`:boolean`) - Whether the dropdown is disabled. Defaults to `nil`.
* `on_value_change` (`:string`) - Event handler for when an option is selected. Defaults to `nil`.
## Slots

* `inner_block` - Content to be rendered inside the dropdown menu.
* `item` - Accepts attributes:

  * `icon` (`:string`)
  * `label` (`:string`)
  * `value` (`:string`)

---

*Consult [api-reference.md](api-reference.md) for complete listing*