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

    Install

    npm i ngx-accordion-from-object

    DownloadsWeekly Downloads

    15

    Version

    1.1.5

    License

    none

    Unpacked Size

    2.12 MB

    Total Files

    26

    Last publish

    Collaborators

    • mani_96