Setting icon in dash_treeview_antd?

Dash Python
1

Greetings! This is my first visit here.

Referring to dash_treeview_antd example, is it possible to set node icon like in Ant Tree?
If not, is there another tree view dash component with that ability?

Thanks

2

you can make use of CSS properties and add these lines in the CSS file inside the assets folder

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .anticon.anticon-caret-down.ant-tree-switcher-icon svg path{
    d : path("M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H544v152c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V544H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h152V328c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v152h152c4.4 0 8 3.6 8 8v48z");
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .anticon.anticon-caret-down.ant-tree-switcher-icon svg path{
    d: path("M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8Z");
 
}

.anticon.anticon-caret-down.ant-tree-switcher-icon svg{
color: red;
width: 1.5rem;
height: 1.5rem;
color: rgb(13, 110, 253);
}
3

Hi , tanks to your answer!

I want to apply special css at 5th nodes. however there is nothing to distinguish them from others (other tree nodes)

how can I do this ?? pleas help me !!!