TLDR Web Dev · ARTICLES & TUTORIALS
HANDLING THE INDENTATION OF A TREEVIEW COMPONENT
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.