Autocomplete overview

NbAutocompleteDirective

The NbAutocompleteDirective provides a capability to expand input with NbAutocompleteComponent overlay containing options to select and fill input with.

Installation

Import NbAutocompleteModule to your feature module.

@NgModule({
  imports: [
    // ...
    NbAutocompleteModule,
  ],
})
export class PageModule { }

Usage

You can bind control with form controls or ngModel.

Options in the autocomplete may be grouped using nb-option-group component.

Autocomplete may change selected option value via provided function.

Also, autocomplete may make first option in option list active automatically.

NbAutocompleteComponent

The NbAutocompleteComponent overlay component. Provides an NbOptionList overlay component.

NbOptionListComponent

The NbOptionListComponent is container component for NbOptionGroupComponent andNbOptionComponent list.

NbOptionGroupComponent

NbOptionGroupComponent