Tree Grid component displaying hierarchical data table.

The Lightning Design System’s Tree Grid component is a powerful tool for visualizing hierarchical data structures. It provides a comprehensive set of accessibility features, including ARIA attributes and a specific keyboard interaction model, ensuring screen reader compatibility.

The component offers a range of customization options, from single-select to multi-select modes, headless layouts, and borderless designs. Developers can leverage the Tree Grid to create intuitive and user-friendly interfaces for displaying complex data clearly and organized.

The detailed documentation covers the component’s markup, keyboard interactions, and a wide array of examples, making it easy for designers and developers to integrate the Tree Grid into their projects.





Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.