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.

UI & UX design inspiration for mobile & web apps.

orbs




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.