Accordion Icon Toggle

Hello, how do you add an icon next to Accordion headers?

Is there a way to add responsive UI elements like ▷ when the Accordion is closed and ▽ when the Accordion is expanded?

Hello @LMonty,

Welcome to Plumsail Community!

You can add any symbols to Accordion control with CSS:

a.nav-link.active::before {
    content: "\02C5";    
}

a.nav-link::before {
    content: "\02C3";    
}
1 Like

Thank you very much! I appreciate how quickly you responded :grinning:

1 Like