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

| Input | Type | Description | | ----- | ---- | ----------- | | accordionObject | | Array of objects for accordion component | | tabField | String | Key value to be taken from Object as Accordion Title | | tabValue | String | Key value to be taken from Object as content of Accordion | | openMultiple | Boolean |Set true to keep multiple tabs active. Default false | | showContainerAccordion| Boolean| Show/hide the heading. Default true| | showArrows| Boolean | Show/hide arrow on accordion |

Dependencies

The only dependency is Bootstrap 4 CSS