Noora.Select (noora v0.2.0)

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

Example

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

Summary

Functions

select(assigns)

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.
  • 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)