Pages UI
Search…
Overlay Search

Importing

First import it to your app module or any submodule as you wish
1
import { SharedModule } from './@pages/components/shared.module';
2
@NgModule({
3
declarations : [SidebarComponent,...]
4
imports: [SharedModule,...]
5
})
6
export class AppModule(){}
Copied!

Example

HTML
1
<pg-search-overlay></pg-search-overlay>
Copied!

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
1
toggleSearch(true)
Copied!