[![Build Status](https://travis-ci.org/Jaspero/ng-accordion.svg?branch=master)](https://travis-ci.org/jaspero/ng-accordion) [![NPM Version](https://img.shields.io/npm/v/@jaspero/ng-accordion.svg)](https://www.npmjs.com/package/@jaspero/ng-accordion)


400.0.53 years ago4 years agoMinified + gzip package size for @jaspero/ng-accordion in KB


Build Status NPM Version

NG Accordion

An Accordion for Angular.

A demo can be found here


To install this library, run:

$ npm install --save @jaspero/ng-accordion


Import JasperoAccordionModule in your @NgModule:

    imports: [
    declarations: [AppComponent],
    bootstrap: [AppComponent]
export class AppModule {}

Then create the component in a root component (you can create it anywhere but you can only use it in that component on any lower ones).

How To Use

Using the library is farly strait forward.

<jaspero-accordion [singleActive]="false">
  <jaspero-accord [accordTitle]="templateRef">Content 1</jaspero-accord>
  <jaspero-accord [accordTitle]="'<p>example 2</p>'">Content 2</jaspero-accord>
  <jaspero-accord accordTitle="example 3">Content 3</jaspero-accord>
<ng-template #templateRef>
  <p>This is an example</p>

The accordTitle can be a simple string, a string containing html or a template ref.


Available inputs:

// jaspero-accordion
singleActive: boolean = true // Should more then one accord be toggled at the same time

// jaspero-accord
accordTitle: string | TemplateRef<any> = 'Accord'
active: boolean 
disabled: boolean // default value is false. Prevents tab from being toggled


Does this library support AoT?

Yes AoT is supported.


To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint


MIT © Jaspero co.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.