Global Search overview

NbSearchComponent

Beautiful full-page search control.

Basic setup:

 <nb-search type="rotate-layout"></nb-search>

Installation

Import NbSearchModule to your feature module.

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

Usage

Several animation types are available: modal-zoomin, rotate-layout, modal-move, curtain, column-curtain, modal-drop, modal-half

It is also possible to handle search event using NbSearchService:

NbSearchService

Search component service, connects your code to a page-level search component.