forms combobox

Combobox

Searchable select with HTMX-loaded options.

$ ndui add combobox

Static options

Pick a primary language

No results found

Source

<noundry-combobox label="Pick a primary language"
                  placeholder="Search…"
                  search-placeholder="Type to filter">
    <noundry-combobox-option value="csharp">C#</noundry-combobox-option>
    <noundry-combobox-option value="fsharp">F#</noundry-combobox-option>
    <noundry-combobox-option value="go">Go</noundry-combobox-option>
    <noundry-combobox-option value="rust">Rust</noundry-combobox-option>
</noundry-combobox>

AJAX-loaded options

Source

<noundry-combobox label="Search languages (live API)"
                  search-url="/api/search-languages"
                  search-placeholder="Type 2+ characters…"
                  placeholder="Pick one" />

// Endpoint returns [{value:"...", text:"..."}, ...] for ?q=
app.MapGet("/api/search-languages", (string? q) => { /* ... */ });