Advanced.combobox
Progressive
Combobox scaffold using an input and option list.
It is intentionally unopinionated on state and filtering logic.
When to use it
Use combobox/1 when you want a lightweight client-side filter input that simply writes the selected label back into the visible text field.
Prefer autocomplete/1 when the selected value needs to submit through a hidden input, when labels and values differ, or when the control participates in a larger form workflow.
Combobox
<.combobox id="plan" value="Pro">
<:option value="Free" label="Free" />
<:option value="Pro" label="Pro" />
</.combobox>
Attributes
| Name | Type | Default | Values | Global Includes |
|---|---|---|---|---|
class
|
:string |
— | — | — |
id
Required
|
:string |
— | — | — |
placeholder
|
:string |
"Select an option"
|
— | — |
rest
|
:global |
— | — | — |
value
|
:string |
— | — | — |
Slots
| Slot | Slot Attributes |
|---|---|
option
Required
|
value
(:string)
Required
label
(:string)
Required
|