ngx-accordion-from-object
TypeScript icon, indicating that this package has built-in type declarations

1.1.5 • Public • Published

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

Package Sidebar

Install

npm i ngx-accordion-from-object

Weekly Downloads

3

Version

1.1.5

License

none

Unpacked Size

2.12 MB

Total Files

26

Last publish

Collaborators

  • mani_96