The tree is a visualization of a hierarchical structure. Each level can be expanded, see its sublevels and be able to navigate by clicking on them.
Tree
Uses
When to use
When not to use
Behaviour
Type
Drop-down: It is used when you have levels below in the hierarchy.
Navigable: It is used when you do not have levels below in the hierarchy.
State
Default
Open
Hover
Focus
Pressed
Disable
Accessibility
This component has been validated to meet the accessibility requirements of UNE-EN 301549:2022, which includes the criteria of WCAG 2.1 (AA), however, changes in content and styles can affect accessibility compliance. We must make sure to review and follow the guidelines in this section when you update or add new content or style to this component.