Discussion on "A simple but customizable accordion component in Angular"

Adithya Sreyaj · 2021-06-12T06:18:38.715Z

How to create a super simple accordion component in Angular. Using the power of content projection in Angular, we are going to build an accordion/expansion panel that can be customized in multiple ways. Accordions Accordions in general are vertically...

Discussion on "A simple but customizable accordion component in Angular" | Hashnode

Adithya Sreyaj

Full stack dev ✨

Feb 22, 2023

Can you rephrase your question? I don't quite follow.

Leonardo

Feb 27, 2023

Adithya Sreyaj looks like asking for initially open items.

Adithya Sreyaj

Full stack dev ✨

Feb 28, 2023

I've update the code to add support for initial expand conditions:

merge(this.items.changes, of(this.items))
      .pipe(map(() => this.items.toArray()))
      .subscribe((items) => {
        items.forEach((item, index) => {
          if (item.expanded) {
            this.expanded.add(index);
          }
        });
        this.cdr.detectChanges();
      });

Discussion

A simple but customizable accordion component in Angular

Responses(7)

Recent in Forum

Search Hashnode

A simple but customizable accordion component in Angular

Responses(7)

Recent in Forum