Trees

trees

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

base

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

base › Fliterable Tree

base › Flitered Tree

.slds-tree

.slds-tree — Initializes a slds tree

.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

[role="treeitem"]

[role="treeitem"] — Styles the focus and selected state for any tree item that has role="treeitem"

.slds-tree__group-header

.slds-tree__group-header — Initializes a slds tree group header