Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › General Discussions › Accordion › Accordion animation › Reply To: Accordion animation
Hi, I’m new to this forum and had the same question, so I wanted to share what I found based on the helpful discussion with the developer.
As mentioned by the developer:
Setting [animation]=”‘none'” only disables the open/close animation of the content. The ripple effect is a separate visual effect and isn’t controlled by the animation property.
To remove the ripple effect in Smart Accordion, you can simply add this CSS to your styles:
.smart-ripple {
display: none !important;
}
This completely hides the ripple effect when clicking an accordion item.
It worked perfectly for me — I think it will work for you too!