How to draw only left and bottom borders of a container?

Learn
1

I want to render something like this:

iced-border
iced-border430×341 1.93 KB

As you can see, each node in this tree has a left and a bottom border to outline the structure of this tree (to make it easier for users to read the tree structure).

I’ve checked the Border type, but it seems that it doesn’t offer this kind of feature.

Any idea how to implement this? Or any other suggestion to make tree structures more readable which is easier to implement?

Btw my current implementation looks like this, it looks ugly…

https://imgur.com/a/gXdWv8v (using link because I’m only able to put one image in a post)

I want to improve it, any help is appreciated!

2

You would use vertical and horizontal rules to achieve the same.

3

Thanks, I’ll give it a try

4

Screenshot 2025-09-03 160208
Screenshot 2025-09-03 160208558×302 15.8 KB

Looks good, but I have a feeling that Rule is just a wrapper around Container…

It’s a little verbose to use it as border, I hope there will be a dedicated feature for drawing borders partially.

5

Well… there was already discussion on the same, but we might only get a helper function to do the same at best.