Overlay Search

Importing

First import it to your app module or any submodule as you wish

import { SharedModule } from './@pages/components/shared.module';
@NgModule({
  declarations : [SidebarComponent,...]
  imports: [SharedModule,...]
})
export class AppModule(){}

Example

HTML

<pg-search-overlay></pg-search-overlay>

Location

This component is located in @pages/components/search-overlay

It does not have an ngOutlet for adding content in. Use the search-overlay.component.html

How to toggle

Include the Toggle service as mention here to any external component us wish

Then use the following function to open

toggleSearch(true)