In my Angular app that is using ngx-bootstrap, I would like to add a collapse icon which reflects the status of the accordion (collapsed/expanded) like the following:
You can basically do this in css :
.accordion-toggle[aria-expanded="true"]:before {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
}
.accordion-toggle[aria-expanded="false"]:before {
content: '\f106';
font: normal normal normal 14px/1 FontAwesome;
}
Just have to style the before selector with the font familly of your favorite icon...
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With