UI libraries
/
Angular InstantSearch
/
Widgets
Aug. 24, 2023
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鈥檛 use. Read the Getting started guide for more information.
About this widget
The panel
widget wraps other widgets in a consistent panel design.
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?