TLDR Web Dev · ARTICLES & TUTORIALS

HANDLING THE INDENTATION OF A TREEVIEW COMPONENT

ishadeed.com5 min read

Summary from the TLDR Web Dev newsletter

Different tools tackle the UI challenge of indenting nested treeview components with varying solutions. GitHub uses CSS Grid and calculated spacer widths for a clean, adaptable layout. Figma uses JavaScript-driven spacer management, which works well but is much more complex. Adobe uses either padding adjustments (Photoshop) or pseudo-elements (Spectrum) for visual depth.