AndAccordion

andAccordion is an open‑source Angular component library that provides a highly customizable accordion widget for web applications. It is built on top of Angular 15+ and follows the component architecture of Angular Material while offering additional flexibility for developers who need more control over the appearance and behaviour of their accordions.

The library was introduced in 2022 by a community of front‑end developers to address limitations they found in existing accordion solutions. It was inspired by the native HTML<details> element as well as the angular-mdc library, combining the simplicity of native elements with the power of Angular’s templating and dependency injection system.

Key features include one‑at‑a‑time or multi‑expand modes, support for nested accordions, programmatic control through a dedicated service, and optional animation options that can be customized with CSS or Angular’s animation DSL. Each panel emits open and close events, enabling integration with state management libraries such as NgRx. The component also implements ARIA attributes for accessibility compliance, making it compliant with WCAG 2.1 Level AA guidelines.

Installation is performed via npm or yarn, with the library packaged as @and-accordion/core. Once installed, developers can import the AndAccordionModule into the root or feature modules. Typical usage involves placing <and-accordion> tags in templates, passing a configuration object, and binding to events. The official documentation provides a series of example projects covering common scenarios such as accordions inside modals, dashboards, and forms.

The project is hosted on GitHub (andaccordion/core) and receives contributions from the open‑source community. Issues and feature requests are tracked in the repository’s issue tracker. It is distributed under the MIT license, which allows commercial and non‑commercial use without many restrictions.