1.1.0 • Published 5 years ago

accordion-finra-lib v1.1.0

Weekly downloads
9
License
-
Repository
github
Last release
5 years ago

About project

1) Accordion component created with Accordion-section components injected like shown below:

  <accordion>

    <accordion-section title="Texas" [isOpen]="true" (onClose)="texasAccordionClose.next()" (onOpen)="texasAccordionOpen.next()">
      <app-texas></app-texas>
    </accordion-section>

    <accordion-section title="Arizona" [isOpen]="false" (onClose)="arizonaAccordionClose.next()" (onOpen)="arizonaAccordionOpen.next()">
      <app-arizona></app-arizona>
    </accordion-section>

    <accordion-section title="Florida" [isOpen]="false" (onClose)="floridaAccordionClose.next()" (onOpen)="floridaAccordionOpen.next()">
      <app-florida></app-florida>
    </accordion-section>

    <accordion-section title="California" [isOpen]="false" (onClose)="californiaAccordionClose.next()" (onOpen)="californiaAccordionOpen.next()">
      <app-california></app-california>
    </accordion-section>

  </accordion>

2) 'title' must be provided to register accordion-section

3) Angular Accordion library created with the name 'Accordion-Finra-Lib', usable upon running this command:

npm install accordion-finra-lib
 ```

4) We can open/close Accordion not only by 'click', also can 'tab to another Accordion & hit Enter-key to open/close'

5) Components or regular HTML can be used under each accordion-section

6) Accordion-section default to 'closed', input-bind the value 'true' to property 'isOpen'.

7) Accordion-section possess 'open/close' event-emitters which can be used to invoke possible use cases upon closing/opening Accordion.

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.2.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
1.1.0

5 years ago

1.1.1

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago