Accordion overview

NbAccordionComponent

An accordion allows to toggle the display of sections of content

Basic example

<nb-accordion>
 <nb-accordion-item>
  <nb-accordion-item-header>Product Details</nb-accordion-item-header>
  <nb-accordion-item-body>
    Item Content
  </nb-accordion-item-body>
 </nb-accordion-item>
</nb-accordion>

Installation

Import NbAccordionModule to your feature module.

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

Usage

With multi mode accordion can have multiple items expanded:

NbAccordionItemComponent has several methods, for example it is possible to trigger item click/toggle:

NbAccordionItemComponent

Component intended to be used within <nb-accordion> component

NbAccordionItemHeaderComponent

Component intended to be used within <nb-accordion-item> component

NbAccordionItemBodyComponent

Component intended to be used within <nb-accordion-item> component