Back

Autocomplete

Default (type to filter)

Loading...
No results for ""

Select your primary programming language

Pre-selected Value

Loading...
No results for ""

Error State

Loading...
No results for ""

Please select a valid city

Usage

@forms.Autocomplete(forms.AutocompleteProps{
    ID:          "lang",
    Name:        "language",     // hidden input with selected value
    Label:       "Language",
    Placeholder: "Search…",
    Value:       "go",           // initial selected value
    Options: []forms.AutocompleteOption{
        {Value: "go",   Label: "Go"},
        {Value: "rust", Label: "Rust"},
    },
    // Listen for selection changes:
    // el.addEventListener('change', e => console.log(e.detail))
})