Tree Grid

tree-grid

.slds-table_tree — A tree is visualization of a structure hierarchy. A branch can be expanded or collapsed.

base

.slds-table_tree

base › Headless

base › Headless with selected row

base › Headless with no borders

base › Headless with no borders and a selected row

base › Single select

base › Single select with a selected row

base › Single select headless

base › Single select headless with selected row

base › Single select headless with no borders

base › Single select headless with no borders and a selected row

base › Item Disabled

base › Item Hovered

.slds-tree__item

.slds-tree__item — Initializes a slds tree item

item-disabled

.slds-is-disabled — When a branch doesn't have children, apply slds-is-disabled to the button icon

item-selected

.slds-is-selected — Selected state for a tree item

item-focused

.slds-is-focused — Focus state for a tree item

item-hovered

.slds-is-hovered — Hover state for a tree item

.slds-tree__item-label

.slds-tree__item-label — The label text of a tree item or tree branch

.slds-tree__item-meta

.slds-tree__item-meta — The meta text or secondary text of a tree item