(vue) Treeview default arrow icon dynamic color change

Questions
1

Hello,

I am trying to dynamically change the default (arrow) icon. (–f7-treeview-toggle-color) Is there a way to do this?

Regards,

Peter

2

Only by modifying styles, it is not the icon actually:

ss
ss.png2874×1478 677 KB

3

Thanks for your reply, I found this one indeed… by changing this all the little arrows will change color :frowning:
There is no way to change the style of an ::after item with Javascript :frowning:

4

If you just need to change a color you can just set appropriate CSS variables on parent element https://framework7.io/docs/treeview.html#css-variables

5

Cool! This: <f7-treeview :style="{'--f7-treeview-toggle-color': line.color}"> did the trick!

Thanks for your help!

Regards,

Peter