Angular Accordion

About this module

An Angular accordion list that toggles items by index, with chevron rotation and ARIA expansion attributes.

Installation

1. 1

   Install Angular

   Create or open an Angular project (Angular 16+ for standalone components).

   npx @angular/cli@latest new my-app --standalone

2. 2

   Create the component files

   Create AccordionComponent.component.ts, .html and .scss and paste the matching sources below.

3. 3

   Declare it

   Import the component into your standalone component or NgModule.

   import { AccordionComponentComponent } from "./accordion-component/AccordionComponent.component";
   
   @Component({
     imports: [AccordionComponentComponent],
     // ...
   })

4. 4

   Use it

   Render the component in a template.

   <app-accordion-component></app-accordion-component>

Usage

1. 1

   Import

   Import AccordionComponentComponent where needed.

   import { AccordionComponentComponent } from "./accordion-component.component";

2. 2

   Render

   Add the selector to your template.

   <app-accordion-component></app-accordion-component>