Noora.Select (noora v0.1.0-rc.2)
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
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 tonil
.disabled
(:boolean
) - Whether the dropdown is disabled. Defaults tonil
.on_value_change
(:string
) - Event handler for when an option is selected. Defaults tonil
.
Slots
inner_block
- Content to be rendered inside the dropdown menu.item
- Accepts attributes:icon
(:string
)label
(:string
)value
(:string
)