1.1.5 • Published 5 years ago
ngx-accordion-from-object v1.1.5
Accordion From Object
Makes Accordions using Array of Object. It can assure multiple or single accordion be opened based on user input
Working Example
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