---
title: "Comment by Cognity One on \"A simple but customizable accordion component in Angular\" | Hashnode"
description: "Hi there Great article, helped me understand accordion's better!! One question, how can you add a "hat" to the accordion as per the image?"
url: "https://hashnode.com/posts/customizable-accordion-component-angular/60c451bea25fa357af8409d9/comment/620cf5d225673f2740eea20a"
---

[Discussion](https://hashnode.com/posts/customizable-accordion-component-angular/60c451bea25fa357af8409d9)

Comment [A simple but customizable accordion component in Angular](https://hashnode.com/posts/customizable-accordion-component-angular/60c451bea25fa357af8409d9)

[Cognity One](https://hashnode.com/@JADev)

[Feb 16, 2022](https://hashnode.com/posts/customizable-accordion-component-angular/60c451bea25fa357af8409d9/comment/620cf5d225673f2740eea20a)

Hi there

Great article, helped me understand accordion's better!!

One question, how can you add a "hat" to the accordion as per the image?

![Screenshot 2022-02-16 145947.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1645016423461/Ra2SlE-bx.png)

[Adithya Sreyaj](https://hashnode.com/@adisreyaj)

[Feb 16, 2022](https://hashnode.com/posts/customizable-accordion-component-angular/60c451bea25fa357af8409d9/comment/620cf5d225673f2740eea20a#reply-620d571525673f2740eeabcf)

Thanks! Glad you found it helpful.

I am not sure If I understand what you meant. Can you rephrase it?