Tree-View with instruction lines

[benhsony]

Hello, Vuetify community!

I’m using the Vuetify Tree-View component and was wondering if there’s a built-in option to add instruction lines that visually connect parent nodes to their children. For example, lines that help guide the user through the hierarchy of the tree, similar to how some GUI libraries display hierarchical relationships.

If this feature isn’t available, could you suggest the best way to achieve this? I’m considering custom CSS or scoped slots but would love to know if anyone has implemented something similar.

Thanks in advance for your help!

[benhsony]

Here you can find a screenshot of an example for treeview with instruction lines

[J-Sek]

It is possible with additional CSS (examples). indent-lines implementation is ready and waiting to be merged (#21675)

Update:

• merged, take a look at the example in the docs
• hide-actions with selectable and selection-strategy="classic" might show the checkboxes misaligned with indent lines, it will be fixed 3.10.0