ngx-accordion-from-object v1.0.1

Accordion From Object

Makes Accordions using Array of Object. It can assure multiple or single accordion be opened based on user input

Working Example

View Demo

Installation

npm i ngx-accordion-from-object

Usage

In App module import accordion module

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgxAccordionFromObjectModule } from 'ngx-accordion-from-object'
...

imports: [...
    BrowserAnimationModule
    NgxAccordionFromObjectModule
  ]

In the component

<accordion-from-object 
[heading]="'tabs'" 
[openMultiple]="false" 
[accordionObject]="this.object" 
[tabField]="'name'" 
[tabValue]="'data'"
[showContainerAccordion]="false"
[showArrows]="true"></accordion-from-object>

Sample Object for accordionObject

object = [{
    name: 'Heading1',
    data: 'This is sample accordion'
  },
  {
    name: 'Heading2',
    data: 'This is sample accordion'
  },
  {
    name: 'Heading3',
    data: 'This is sample accordion'
  }
]

Inputs

Dependencies

The only dependency is Bootstrap 4 CSS