TreeView
An uxiverse.com typeA TreeView is a Container UI Element that shows hierarchical structures, most commoly in a vertical direction. Can show an organization's hierarchy, a web page and its sub-pages or anything organized in a tree. For files and folders check out Directory Structure.
| Property | Expected Type | Description |
|---|---|---|
| isDense | A hierarchy flag to indicate if a Container UI Element should display its content with less space between elements, or smaller elements, smaller fonts sizes etc. This can be useful on different screen sizes, or when a mouse is available for more precise pointing. Power users often prefer a denser UI with less guidance. Lesser used control elements can be grouped like this as well, while keeping them on screen. | |
| menu | UIElement | Menu is a property of a Container UI Element that tells the user that this part of the container is used as a way to control the rest of the container. |
| orderedSlots | Element | ordered slots of containers are places where UI elements can go in a particular order |
| settings | UIElement | Settings is a property of a Container UI Element that affect not only this container, but apply to similar parts of the application elsewhere. |
| unorderedSlots | Element | unordered slots of containers are places where UI elements can go without a particular order |
| ariaLabel | https://schema.org/Text | An ARIA label is an accessibility feature that helps visually impaired users understand and use a UI control. Blind users use screen readers to navigate User Interfaces, so concise, readable text helps users navigate the application. |
| background | UIElement | Content of the background of the element |
| bold | https://schema.org/Text | Bold text is used to add significance to a text element |
| color | The color used to express a meaningful relation in the content | |
| font | https://schema.org/Text | The font used to express a meaningful relation in the content |