API Reference
/
Angular InstantSearch
/
ais-panel
Sep. 12, 2022
ais-panel
Import
Copy
1
2
3
4
5
6
7
8
import { NgAisPanelModule } from 'angular-instantsearch';
@NgModule({
imports: [
NgAisPanelModule,
],
})
export class AppModule {}
1. Follow additional steps in Optimize build size to ensure your code is correctly bundled.
2. This imports all the widgets, even the ones you don’t use. Read the Getting started guide for more information.
About this widget
The panel widget wraps other widgets in a consistent panel design. It also reacts by adding a CSS class when the widget no longer can refine, for example, when a refinementList becomes empty because of the current search results.
Examples
Copy
1
2
3
4
5
6
<ais-panel
header="Header of the widget"
footer="Footer of the widget"
>
<!-- a widget -->
</ais-panel>
Props
header
|
type: string
Displays text before the wrapped element |
||
|
Copy
|
|||
footer
|
type: string
Displays text after the wrapped element |
||
|
Copy
|
|||
Did you find this page helpful?
