Custom pad extension with extension icon after title

Question

I'm trying to create a pad accordion that has a pad expansion panel inside a for loop. The problem is, I need to make some customizations, like adding a checkbox in front of each extension, and the extension icon should be placed after some specific text (in this case the book title). The alignment is confusing, from my understanding the expansion panel icon can be placed at the end or the beginning. I think pad extension is the right component to achieve the same goal. Need some guidance on how to implement pad extensions, or is there another approach I should consider?

Answer 1

Don't try to redesign mat-accordion to make such a drastic change - it was designed to strictly follow material guidelines. Instead, create your own component based on cdk-accordion - basically it's a mat-accordion without any styling, so it gives you more flexibility.

You can read the official documentation (including implementation examples) here. < /p>